pixelgraphix

CSS-Ressourcen: Vorlagen

23. Februar 2004 in pixelgraphix Weblog. Kommentare geschlossen.

Wer sich in die Arbeit mit CSS Layouts einarbeiten oder zehrende Stunden mit dem Editor sparen will, findet interessante Anregungen und Vorlagen auf den folgenden Seiten.

• The imposter: CSS Experimente und kreative Wege, Aufgaben per CSS zu realisieren. Vom fertigen Layout bis hin zu Menüstrukturen bietet Carl Durbridge eine große Auswahl an Verwendungsbeispielen. Besonders interessant sind z. B. das Exploding Tree List Menu, Simple clean CSS rollover menus with lists, "Runde Ecken" mit CSS ohne Grafiken und das Sidewinder Layout, welches horizontales Scrollen bietet.
• Glish.com: Eric Costello bietet verschiedene Layoutvarianten (3 Spalten, 2 Spalten, 4 Spalten; statisch und fließend) mit Erklärungen und Beispielen an. Außerdem weist er auf interessante Ressourcen und Anleitungen zum Design mit CSS hin.
• The Layout Reservoir: Vorlagen für zwei- und dreispaltige CSS-Layouts von BlueRobot.com.
• Thenoodleincident.com: Mit "Little Boxes" bietet Owen Briggs verschiedenste Vorlagen an. Diese decken fixe und fließende Layouts, separierte und angrenzende Rechtecke ab.
• Inknoise: "Layout-o-Matic" ist ein online Assistent für die Erstellung eines browserübergreifenden CSS-Layouts.
• Accessify.com: Bei der Erstellung einer CSS-Navigation hilft der Online Assistent "List-o-Matic".
• Maxdesign.com.au: Beispiele für CSS-Navigationsleisten verschiedener Autoren mit Code und Erläuterungen.
• Fun with Forms: Søren Madsen beschreibt, wie Formulare mittels CSS so richtig chic werden.
• CSS Vorlagen auf Deutsch: Intensivstation.ch präsentiert eine Reihe von Vorlagen für CSS-Layouts. Alle Vorlagen sind in XHTML 1.0 und CSS2.
• Practical CSS Layout Tips, Tricks, & Techniques: Tipps und Tricks von ALA.
• Carl Durbridges unheimliche Freundin ist ein online HTML-Generator, der leicht verständlich und einfach zu verwenden ist und validen, tabellenlosen Code (XHTML 1.0) erstellt.
• SSI-developer.net bietet eine Reihe CSS Templates an, die in die Rubriken “Intro/Two Column”, “Three Column” und “General templates” unterteilt sind. Für jede Vorlage gibt es ein Vorschaubild, eine Vorschauseite und Angaben, bei welchen Browsern die Verwendung keine Probleme machen sollte.
• CSS Help Pile ist ein Projekt von arty|papers, das aufgrund der umwerfenden Fülle an gut strukturierten Informationen zum Thema CSS ein echter Tipp ist. Das große Plus der Sammlung: Besucher können das Verzeichnis ergänzen und kommentieren. :new:
• Seamus P. H. Leahy zeigt auf Sea Mus n Squirrel: CSS Play seine Kreationen, die von verschachtelten Listen über Image Replacements bis hin zu PopUps reichen. Alle Beispiele werden anschaulich erklärt und der Code steht für eigene Projekte per Copy&Paste bereit. :new:
• Spannende Experimente aus Polen von “A” wie “Alphabet” bis “W” wie “The World According to Table” liefert The Literary Moose mit CSS Destroy. :new: