Neu ist die Technik nicht, es braucht sie aber auch nicht jeder. Und wer bisher nie von "CSS-Sprites" gehört hat, könnte sich die Sache ja einmal näher anschauen. Worum geht's? Sprites bedienen sich eines Tricks, um die Zahl der HTTP-Aufrufe beim Laden einer Webseite zu verringern. Mehrere Einzelgrafiken werden zu einer Tafel zusammengefasst. Via CSS wird dann nur der jeweils benötigte Teil des Bildes gezeigt, da wo er gebraucht wird.
Weiterlesen
19 Kommentare
Frank Rohse Zum Aufzählen viel zu schade finden Listen in der Navigation ihre wirkliche Bestimmung. Kein Wunder, sie sind semantisch korrekt, flexibel und freundlich zu älteren Browsern. Ein bisschen CSS bringt die Liste in jede gewünschte Form und Position....
Weiterlesen
Keine Kommentare
Bei der Erstellung von Rollover-Effekten ist man darauf angewiesen, mehrere Bilder zu verwenden. Das hat längere Ladezeiten zur Folge oder erfordert ein Vorladen der Bilder - ein so genanntes Preloading. Es geht aber auch anders. Technisch werden solche Menüs...
Weiterlesen
2 Kommentare
Frank Rohse Lust auf ein neues Menü? Immer mehr Webmaster greifen zur attraktiven CSS-Variante. Kein Wunder, denn sie gelten als schnell, suchmaschinenfreundlich, barrierefrei und hochgradig flexibel. Image Rollover sind seit Jahren eine der beliebtesten Menü-Techniken....
Weiterlesen
Keine Kommentare
Links, die sich bei Mausberührung verändern, schön und gut. Aber wie wäre es mit ganzen Textabschnitten? Auf Umwegen ist auch das möglich. Wir umgeben Texte bei Mausberührung mit einem Rahmen. Hilfreich ist das CSS Pseudoelement :focus. Moderne Browser können...
Weiterlesen
Keine Kommentare
Mit Hilfe von CSS kann man Links bei Mausberührung verändern. Damit lässt sich zwar schon viel machen, doch es geht noch schicker. CSS befreit uns von lästigem Javascript, sofern der Browser modern genug ist. Statt einer Farbe werden in diesem Beispiel Hintergrundgrafiken...
Weiterlesen
1 Kommentar
Dekorative Menüelemente ohne den Einsatz von Javascript erfreuen sich zunehmender Beliebtheit, die neuen Browser machen es möglich. Es geht sogar ohne Grafiken. Farbe bei Mausberührung Der Trick besteht darin, dem Linktext eine feste Farbe zuzuweisen, den...
Weiterlesen
Keine Kommentare
Die Pseudoklasse input:focus ist derzeit nur in Gecko-basierten Browsern in Funktion zu bewundern. Angewendet wird sie, wie der Name schon verrät, auf die Texteingabefelder (Input) von Formularen. Mit dem Focus ist nichts anderes gemeint, als das ein Benutzer...
Weiterlesen
Keine Kommentare
Wenn sich bei Mausberührung etwas verändert, ist häufig Javascript im Spiel. In Sachen Hyperlink erledigen diese Aufgabe CSS und die Pseudoklasse Hover. Klappt das auch mit Texten oder Tabellen? In der Theorie ja, in der Praxis aber nur selten. Grund: von...
Weiterlesen
Keine Kommentare
Mit Cascading Style Sheets können gekennzeichneten Passagen oder Elementen festgelegte Formate verliehen werden. Mitunter eignen sie sich auch, Effekte zu realisieren, die bisher nur mit JavaScript möglich waren. CSS 2 führte neue Pseudo-Klassen ein. Die Pseudo-Klasse...
Weiterlesen
Keine Kommentare
Schön, wenn bei Mausberührung etwas passiert. Das verleiht den Seiten Schwung und verbessert, richtig eingesetzt, die Wahrnehmung. Veränderliche Links und Grafiken gehören längst zum Alltag. Es klappt auch mit Tabellen. Javascript kommt zum Einsatz, weshalb...
Weiterlesen
Keine Kommentare
CSS-Sprites Quellensammlung (14.04.09) 
