Was der Zen Garden für das Ausprobieren der Möglichkeiten von CSS-Designs für Webseiten ist, soll wohl der Form Garden für das Styling von HTML-Formularen sein oder werden. Noch gibt es nicht allzu viele verschiedene Designs zur Auswahl, aber hey, dafür darf ja auch jeder noch mitmachen und sein eigenes Stylesheet einsenden.
In der Layout Gala wird gezeigt, wie man aus dem gleichen, einfachen HTML-Markup nur mit Hilfe von CSS vierzig verschiedene Layouts machen kann. Die Demo-Webseite besteht aus fünf verschiedenen Bereichen (Kopf, Inhalt, Navigation, Extra, Fuß), die auf immer neue Weise angeordnet werden.
Zur Positionierung der Elemente werden floats und in den meisten Fällen negative Ränder verwendet und kommen ohne Hacks aus. Alle Layouts funktionieren in IE 5-7, Firefox 1.5, Opera 8.5 sowie Safari 2 und können entweder online betrachtet oder als Zip heruntergeladen werden.
(via CSS Beauty)
Die Website des UX Magazine ist ein schönes Beispiel für ein gelungenes CSS-basiertes Design, wie ich finde. Viel Inhalt, aber trotzdem übersichtlich und nett anzuschauen. Und das Thema ist auch noch interessant, es dreht sich alles rund um “User Experience”.
Die Site befindet sich zur Zeit noch im Beta-Stadium, wie dort angemerkt wird. Interessant, kannte ich bisher eher nur von Webanwendungen.
