22.10.2009
Tutorial-Tipp: Aus dem Rahmen springen
Heute gibt es wieder einmal einen Tutorial-Tipp für Freizeit-Webdesigner.
Breaking Out of the Box With CSS Layouts von Jina Bolton.
Ich mag ja Tutorials, die einerseits nicht zu viel Vorwissen abverlangen, andererseits aber dennoch den einen oder anderen kleinen css-Trick vermitteln. Genau dies ist bei diesem Tutorial der Fall. Es beschreibt das Entstehen eines einfachen blockorientierten Layouts, das mit Hilfe einiger einfacher Kniffe optisch aufgepeppt wird. Dabei wird z.B.mit negativen margin-Werten gearbeitet oder es werden einfache ornamentorientierte Hintergrundbilder eingesetzt. Dadurch bleibt einerseits die ordnende Blockstruktur erhalten, andererseits wird sie gezielt aufgebrochen und das Layout wird damit interessanter.
Einen Designpreis gewinnt man damit natürlich nicht - aber einige neue Erkenntnisse vielleicht.
(Es reizt mich, dies auch für das doch sehr schlichte Layout des Netzkschers zu probieren. Mal sehen …)
Hier zum Vergleich zwei Bilder aus dem Tutorial, damit man sieht, um was es geht:
Update
23.10.09
Ich habe festgestellt, dass das Ergebnis des Tutorials im IE 6 nicht korrekt dargestellt wird.
Siehe dazu auch netzkescher.de/2009/10/23/internes-layout-anderungen/