201002Feb

Yahoo! CSS Grid Builder: CSS-Raster erstellen

Mit der Yahoo! User Interface Library (YUI) steht sowohl ein JavaScript-Framework als auch eine gute CSS-Bibliothek zur Verfügung, mit der sich Layouts leicht an definierte Raster anpassen lassen. Die Bibliothek ist aktuell in Version 3 verfügbar, mit der die Stylesheet-Vorgaben "CSS Base", "CSS Reset" und "CSS Fonts" genutzt werden können. Nichtsdestotrotz können die Einstellungen von Version 2 weiterhin produktiv eingesetzt werden. So stellt der Yahoo! CSS Grid Builder stets noch ein gutes Werkzeug für das schnelle Erstellen von CSS-Rastern dar.

Yahoo! CSS Grid Builder

Der Editor ist einfach zu bedienen und bietet die Optionen der "reset-fonts-grids.css" des YUI-Frameworks an. Dementsprechend können mehrspaltige Layouts (mit 1, 2, 3 oder 4 Spalten) angelegt und beliebig erweitert werden. Das Größenverhältnis der Aufteilungen kann eingestellt und die Anzahl der Reihen (Rows) frei gewählt werden. Zudem lässt sich ein Seitenbereich (Sidebar) anlegen.
Ist man mit dem Layout zufrieden, kann per "Show Code" die finale HTML-Ausgabe betrachtet und kopiert werden.

RSS-Feed abonnieren Bookmark bei Del.icio.us