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

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

Beim Erstellen einer Homepage können so genannte Grid Layout Generatoren die ersten Schritte enorm erleichtern und beschleunigen. Hat man einmal den für sich passenden Generator gefunden, dann ist die Grundstruktur für jede neue Homepage schnell aufgestellt.

Pagecolumn.com ist eine Seite, die derartige Generatoren anbietet. Verschiedene Layouts (1 - 5 Spalten) sind bereits angelegt und lassen sich frei nach Wunsch editieren. Für wen da nicht das Richtige dabei ist, der kann über den Grid-Generator die Anzahl Spalten und Zeilen selbst bestimmen. Allerdings lässt sich dort keine unterschiedliche Spaltenbreite festlegen. weiterlesen

Mit der angedachten zweiten Version von XHTML etabliert sich ein Wettstreit zweier Markup-Sprachen, welche der beiden sich in Zukunft im Internet durchsetzen wird. Ähnlich dem HTML 5 legt nämlich auch XHTML 2.0 Wert auf eine bessere Struktur und neue semantische Auszeichnungsmöglichkeiten.

Das <section> Element beispielsweise wird auch bei dieser Sprache eine wichtige Neueinführung sein und soll teilweise die Aufgaben eines <div> Tags übernehmen. Außerdem werden nummerierte Überschriften der Vergangenheit angehören. Eingesetzt wird zukünftig nur noch ein <h> Element, welches seine Gewichtung durch die unterschiedlich tiefe Schachtelung in <section> Tags erhält. weiterlesen

Im Microsoft IE 5.5 und 6 werden bekannterweise alphatransparente Hintergründe von Portable Network Graphics, kurz PNGs, nicht richtig angezeigt. Der Bildhintergrund wird nicht durchsichtig sondern grau angezeigt, was aber durch den CSS Filters “AlphaImageLoader” geändert werden kann. Hierfür muss lediglich das Stylesheet etwas erweitert werden, wobei der Quelltext unverändert bleibt. Hier ein Auszug weiterer Vorteile:

• Das Script (behavior) funktioniert automatisch bei jedem eingebundenen PNG
• Sowohl img-Elemente als auch Background-Images werden angesprochen
• Das Script ist kostenlos

weiterlesen

Das derzeit verwendete HTML 4.01 soll in Zukunft von HTML 5 beerbt werden. Dabei finden vor allem neue Elemente mit semantischem Nutzen ihren Weg in die Standard-Auszeichnungssprache des Internets. Ergebnis wird sein, dass die Struktur einer Webseite durch Tags wie beispielsweise <header>, <footer>, <section>, <article> oder <nav> nochmals gefördert und optimiert wird.
Die Implementierung neuer Elemente und Attribute ist natürlich bereits heute möglich, allerdings stellt sich die Frage, in wie weit die verbreiteten Browser diese auch unterstützen. weiterlesen