HTML & CSS
40 freie CSS-Layout-Vorlagen
Gutes Web-Design fängt beim gewählten Layout. In aller Regel entscheiden sich Web-Entwickler heutzutage für ein drei-spaltiges Layout mit Kopf- und Fusszeile. In einem solchen Layout lassen sich die verschiedenen Bereiche einer Seite (Logo, Navigation, Content, News, et cetera) einfach am Besten unterbringen.
Da zu einer modernen Seite auch die strikte Trennung von Inhalt und Form gehört, ist das Umsetzen des gewünschten Layouts über DIV-Bereiche und CSS eine manchmal nicht ganz so triviale Angelegenheit, vor allem, wenn möglichst alle Browser das gleicher Ergebnis zeigen sollen.
Alessandro Fulciniti hat nun mit
LayoutGala eine Seite an den Start gebracht, die bei der Erstellung des Web-Grundgerüsts eine enorme Erleichterung sein kann. Auf der Seite sind über 40 verschiedene Beispiel-Layouts verfügbar, deren Quell-Code jedermann zur freien Verfügung steht. Basis aller Layouts ist dabei ein festes HTML-Gerüst, jeweils erweitert um validen CSS-Code.
Neben einigen fixen Layouts, die wohl so langsam aber sicher aus der Mode kommen, beschäftigt sich Alessandro vor allem mit liquiden Layouts, die sich der Größe des Browsers anpassen. Viel mehr Layout-Möglichkeiten wie dort dargestellt, gibt es wohl nicht.
Um sich die Tests zu erleichtern hat Allessandro ein ebenso interessantes Javascript geschrieben:
Filler Text on Demand. Es erzeugt in gewünschten Bereichen mittels frei definierbaren Worten soviel Fülltext, wie man zu Testen benötigt.