Die besseren Beispiele aus Sura 1. at und Sura 1 Artworks
18 kostenlose Logos im Vektorformat
Ich möchte Ihnen heute 18 Logo-Vorlagen im Vektorformat zum freien und kostenlosen Download anbieten. Die Logos sind alle in den Farbentönen Grün/Grau/Schwarz gehalten und wurden von mir im Illustrator-Dateiformat (.ai) hergestellt.
Sie können diese ohne Einschränkungen sowohl privat als auch geschäftlich nutzen.
9 kostenlose Visitenkarten im Vektorformat
Ich möchte Ihnen heute 9 Visitenkarten-Templates zum freien und kostenlosen Download anbieten. Die Vorlagen sind alle in den Farbentönen Grün/Hellbraun/Gelb gehalten und wurden von mir im Illustrator-Dateiformat (.ai) hergestellt.
Sie können diese ohne Einschränkungen sowohl privat als auch geschäftlich nutzen.
Wie Sie einen animierten Fortschrittsbalken mit CSS erstellen
Ich möchte Ihnen heute in diesem Beispiel mit einer einfachen Demonstration zeigen, wie Sie einen animierten Fortschrittsbalken (animated progress bar) mit HTML und ein wenig CSS herstellen können.
Der Trick ist sehr einfach. Sie benötigen dazu einleitend 3 HTML-Elemente (1 Container und 2 ineinander verschachtelte Elemente).
CSS-Tricks: Wie Sie doppelte Rahmen für Bilder/Grafiken erstellen können
In meinem heutigen Artikel möchte ich Ihnen zeigen, wie Sie mit CSS doppelte Rahmen für Bilder/Grafiken erstellen können.
Vielleicht denken Sie bei doppelten Bilderrahmen daran, die CSS-Anweisung {border-style:double} einzusetzen. Ich würde Ihnen vom Gebrauch dieses CSS-Befehls abraten, da dieser nur sehr schwer zu kontrollieren ist.
CSS-Tricks: Bereits besuchte Links mit sogenannten Checkmarks extra kennzeichnen
Eine ewige Diskussion unter Webdesignern zum Thema Benutzerfreundlichkeit von Internetseiten ist die Frage, ob man bereits besuchte Links (visited Links) kennzeichnen sollte oder nicht.
Bei kleinen und übersichtlichen Webseiten ist es meiner Meinung nach nicht notwendig, die gerade besuchten Links extra zu kennzeichnen. Wenn Sie jedoch eine große Linkliste ( wie zum Beispiel forwebdesigners.com; überhaupt keine Kennzeichnung!) besuchen und dort die einzelnen Punkte abarbeiten wollen, werden Sie schon bald die Übersicht verlieren. Schon nach einigen besuchten Links wissen Sie kaum mehr, welche Seiten Sie nun schon aufgerufen haben und welche nicht.
CSS-Tricks: Listen mit grafischen Aufzählungszeichen
Auf der Webseite www.little-boxes.de habe ich ein interessantes Beispiel gefunden, wie man mit grafischen Aufzählungszeichen eine ungeordnete Liste optisch aufwerten kann. Ich habe die Vorlage als Grundlage für meine Bearbeitung genommen. Dabei wurden von mir sowohl die CSS-Dateien als auch der HTML-Quellcode an diese Variante angepasst.
CSS-Tricks: Multiple Remote Linking #2
Remote Linking bedeutet lt. Definition von Chris Coyier von CSS Tricks, dass ein einzelner Link (Anker) mehrere Bereiche in verschiedenen Teilen einer Webseite ansprechen kann. Den Trick können Sie für schöne und coole Effekte anwenden, wobei diese alleine mit CSS realisierbar sind.
10 kostenlose CSS Menüs auf www.styledmenus.com – Teil 4
Auf der Webseite Styled Menus gibt es ein große Anzahl von schönen und eleganten CSS-Menüs zum kostenlosen Download. Laut Lizenzbedingung können Sie die Menüs privat gratis benutzen. Bei einer kommerziellen Verwendung gilt dies auch, jedoch ist in diesem Falle ein Backlink vorgeschrieben.
CSS Tooltip mit vertikaler Navigation – CSS Vertical Navigation with Teaser
Die Technik, in eine vertikale CSS-Navigation eine Infobox (Tooltip, Teaser) einzubauen, erlaubt Ihnen auf einfache Art und Weise, nähere Informationen zu den jeweiligen Menüpunkten anzuzeigen.
Diagonale CSS-Navigation mit Rollover-Effect
Basierend auf dem Artikel ‘Mission Impossible: A Diagonal Nav Rollover Effect with CSS‘ von Matthew Griffin aus Midland, möchte ich Ihnen heute zeigen, wie Sie eine ‘Diagonale CSS-Navigation mit Rollover-Effekt’ erstellen können.
5 Beispiele, wie Sie ungeordnete Listen formatieren können
Eine ungeordnete Liste ist eine Reihe von Elementen, die in irgendeiner Weise miteinander in einer logischen Verbindung stehen, aber in keiner besonderen Reihenfolge aufgezählt werden müssen. Das Gegenstück zur ungeordneten Liste ist die geordnete Liste, die einen Index vor jeden Listeneintrag setzt.
5 kostenlose horizontale CSS-Menus auf csstea.com
Auf der Webseite von csstea.com gibt es in der Rubrik Freebies ein tolles Free CSS Menu-Package zum freien Download.
Das kostenlose Download-Angebot beinhaltet fünf verschiedene horizontale CSS Menüs in den Farben rot, grün, blau, gelb, schwarz.
10 kostenlose CSS Menüs auf www.styledmenus.com – Teil 1
Auf der Webseite Styled Menus gibt es ein große Anzahl von schönen und eleganten CSS-Menüs zum kostenlosen Download. Laut Lizenzbedingung können Sie die Menüs privat gratis benutzen. Bei einer kommerziellen Verwendung gilt dies auch, jedoch ist in diesem Falle ein Backlink vorgeschrieben.
10 kostenlose CSS Menüs auf www.styledmenus.com – Teil 2
Auf der Webseite Styled Menus gibt es ein große Anzahl von schönen und eleganten CSS-Menüs zum kostenlosen Download. Laut Lizenzbedingung können Sie die Menüs privat gratis benutzen. Bei einer kommerziellen Verwendung gilt dies auch, jedoch ist in diesem Falle ein Backlink vorgeschrieben.
CSS Tooltips erstellen – Infoboxen über HTML-Elementen
Ich habe mich im Web nach Tooltips umgesehen, die nur mit Hilfe von CSS errichtet werden können. Es gibt davon eine unübersichtliche Fülle – ich möchte Ihnen heute 2 einfache Beispiele vorstellen.
Erklärung des Begriffes Tooltip: Ein Tooltip (auch »Quickinfo«, »Kurzinfo«; sinngemäß übersetzt: Hilfe zu einem Werkzeug) ist ein kleines Fenster, das dem Benutzer weitere Informationen zu [...]
Multiple Remote Linking: Anleitung und 2 Beispiele
Was bedeutet eigentlich ‘Remote Linking’?
Remote Linking bedeutet lt. Definition von Chris Coyier von CSS Tricks, dass ein einzelner Link (Anker) einen Einfluss auf mehrere Bereiche in verschiedenen Teilen einer Webseite ausüben kann. Den Trick können Sie für schöne und coole Effekte anwenden, wobei diese alleine mit CSS realisierbar sind.
20 Free PNG Buttons – 20 kostenlose PNG Buttons
Buttons für die eigene Webseite oder den eigenen Blog kann man nie genug haben. Deshalb möchte ich Ihnen hier 20 schöne Web 2.0 Buttons zum kostenlosen Download anbieten:
CSS Tricks mit Inner Border Images (Rahmen um Grafiken) von Chris Coyier
Chris Coyier von CSS Tricks erklärt in seinem Artikel Image Rollover Borders That Do Not Change Layout vom 11. März 2009, wie Sie Grafiken mit Rahmen versehen können, ohne dass sich dadurch das Layout der Webseite ändert bzw. verschiebt. Er verwendet dazu in seinem Beispiel die beiden CSS-Eigenschaften [outline] und [border].
96 kostenlose Kalender Icons für den täglichen Gebrauch
Auf der Webseite von Matt Varone.com habe ich eine tolle Sammlung von 96 kostenlosen Kalender-Icons (Größe von 32×45 Pixel) gefunden. Das Set beinhaltet Icons in 8 verschiedenen Farben (für alle 12 Monate) und wird in den beiden Grafik-Formaten .gif und .png zur Verfügung gestellt.
10 kostenlose CSS Menüs auf www.styledmenus.com – Teil 3
Auf der Webseite Styled Menus gibt es ein große Anzahl von schönen und eleganten CSS-Menüs zum kostenlosen Download. Laut Lizenzbedingung können Sie die Menüs privat gratis benutzen. Bei einer kommerziellen Verwendung gilt dies auch, jedoch ist in diesem Falle ein Backlink vorgeschrieben.
