Browsing Tags's Archives »»

Wir haben bereits über Sprites berichtet und erklärt, wie diese funktionieren. Verwendet man diese Methode mit einem sich verschiebenden Hintergrundbild für Effekte in einer Navigation, dann werden Textlinks für eben diese überflüssig.
Leider stimmt dies aber nicht ganz. Es ist nämlich so, dass Suchmaschinen wie Google keine Bilder lesen können. Dies hat wiederum zur Folge, dass es für Google diesen Navigationspunkt in Textform gar nicht gibt. Gleiches gilt für so genannte Screenreader, die Webseiten vorlesen.
In beiden Varianten werden Webseiten nämlich nur als Text gelesen, CSS wird dabei ignoriert. weiterlesen

Veröffentlicht in CSS, Design, HTMLsend this post

Hover- bzw. Mouseovereffekte sieht man heute an jeder Ecke. Besonders bei Navigationen werden dazu häufig Hintergrundgrafiken eingesetzt, die beim Überfahren eines Links mit der Maus ausgetauscht werden. Allerdings wird dieser Effekt nur allzu oft viel zu umständlich realisiert.
Der Austausch der Grafiken wird oft über JavaScript bewirkt, was automatisch einiges mehr an Quellcode zur Folge hat. Zudem liegen meist zwei Grafiken pro Navigationspunkt vor, was einerseits einen Haufen an Dateien produziert, andererseits sogar unschöne, sichtbare Ladeverzögerungen der Bilder mit sich bringen kann. Gerade bei solchen Haken im Nachladen ist der schöne Effekt gleich dahin. weiterlesen

Veröffentlicht in CSS, Design, HTMLsend this post