Wer träumt nicht davon auf seiner Webseite Schriften zu verwenden ohne auf Standardfonts oder als Bilder gespeicherte Schriften zurückgreifen zu müssen. Das große Problem ist immer, dass man eine nahezu gleiche Darstellung auf allen potentiellen Systemkonfigurationen erzielen möchte. Da Schriften beim Anzeigen einer Webseite meist von dem Computer des Users geladen werden, stehen selten alle alternativen Schriften zur Verfügung. Aus diesem Grund wird von der Verwendung ansprechender Fonts oft Abstand genommen. weiterlesen

Webseiten verfügen heute meistens über separate Stylesheets. Dies bedeutet, dass visuelle Formatierungen losgelöst von den Inhalten und der groben Struktur einer Seite eingestellt werden. Sinn und Zweck des Ganzen ist es beide Bereiche voneinander zu trennen um beispielsweise visuelle Änderungen zentralisiert durchführen zu können, ohne den Quelltext editieren zu müssen. weiterlesen

Bei der Konzeption einer neuen Webseite ist man immer wieder auf der Suche nach interessanten Ideen. Besonders eine Navigation kann durch kleine aber nette Features aufgewertet werden. Zusatzinformationen beim Mouseover oder einfach nur ein visuelles Feedback mit etwas Bewegung machen schon viel aus. weiterlesen

Imageflow oder Coverflow Effekte hat jeder schon einmal gesehen. Ob auf dem iPhone, iPod oder im Internet. In modernem Look werden Bilder präsentiert. Für Webseiten kann man sich diese Technik für vielerlei Verwendungszwecke zu nutzen machen. Im Kern stehen allerdings trotzdem immer Bilder, die einen bestimmten Content anteasern oder präsentieren. weiterlesen

Das Internet ist voll von unspektakulären Webseiten. Sich daraus hervorzuheben sollte das Ziel eines jeden Webmasters sein. Wem aber Flash oder aufwendige dynamische Webseiten nicht liegen, der kann seine Seite auch mit simplen Zeitfeatures aufwerten.

Es gibt viele Gründe, warum man seine Webseite über die Tageszeit steuern könnte. Dies beginnt beim tageszeitgerechten Design und hört beim Sperren der Seite für bestimmte Uhrzeiten oder Tage auf. Möchte man beispielsweise für Tag und Nacht eine unterschiedliche Darstellung erreichen, so kann man auf die htaccess Datei sowie die folgenden Zeilen zurück greifen und entsprechend der Uhrzeit verschiedene Seiten einstellen: weiterlesen

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

Bewegung im eigentlich eher unbeweglichen Web ist immer eine kleine Herausforderung für Webmaster. Nicht selten kommt dabei dann JavaScript zum Einsatz. Sehr bliebt ist derzeit das JavaScript-Framework jQuery, welches 2006 veröffentlicht wurde. Seither wurden bereits zahlreiche Plugins von der immer weiter wachsenden Entwicklercommunity geschrieben.
Das Framework jQuery bringt Funktionen der DOM-Manipulation und -Selektierung mit, während CSS dabei unterstützt wird. Zudem ist das Event-System erweitert sowie vereinfacht und ein paar animierte Effekte sind bereits implementiert. weiterlesen