CSS3 hat eine Reihe neuer Möglichkeiten eröffnet, Layouts flexibel in allen Browsern darzustellen. Lange schon liegen Hintergründe im Trend, die sich über das gesamte Browserfenster strecken. weiterlesen

In diesem Artikel geht es darum, den Workflow zwischen Photoshop-Layout und geschriebenem CSS deutlich zu vereinfachen. Dazu bedienen wir uns dem Mac App Layer Cake, Photoshop und SASS mit Compass. weiterlesen

Die brillanten Displays mit hoher Pixeldichte halten mit dem Erscheinen des neusten MacBooks auch langsam im Laptop-Sektor Einzug. Zeit also, sich über die Skalierbarkeit von Grafiken im Web weitere Gedanken zu machen. Über die Ausgabe von optimierten Bildern für eine hohe Pixeldichte haben wir bereits gesprochen, weiter geht es mit der Optimierung von Icons. 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

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

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

Was wäre Webdesign heute ohne die ganzen kleinen Hilfsmittel, die man im Laufe der Umsetzung einer Webseite benötigt. Es gibt viele verschiedene Möglichkeiten, die nahezu jeden Bedarf decken. Ein paar besondere Utilities haben wir heraus gesucht und möchten diese vorstellen.

Ein schickes und zudem nützliches Hilfsmittel ist der so genannte Typetester. Wie der Name bereits erkennen lässt hat man hier die Möglichkeit, Schriften zu testen. Dies ist sogar gleich mit drei Schriften oder Einstellungen parallel möglich, um diese in ihrem Erscheinungsbild vergleichen zu können. weiterlesen