Basis CSS Layout in einer Minute – YUI CSS Grid Builder
Möchte man eine neue HTML Seite oder Web Anwendung erstellen gilt der erste Entwicklungsschritt bei der Oberfläche dem allgemeinen HTML-Gerüst. Man muss definieren ob und wo der Header und Footer hin soll, wie breit die Seite sein soll und ob das Menü rechts oder links neben dem Content erscheinen soll. Es gibt noch viele weitere Kriterien die beachtet werden können. Das Ganze soll anschließend natürlich auch noch ordentlich in HTML und CSS, weit weg von Tabellen, erstellt werden.
Und genau hier setzt der YUI! (Yahoo User Interface9 CSS Grid Builder an. Einfach per Konfiguration und simplen Menü inklusive Vorschau das gewünschte Layout innerhalb von Sekunden erstellen:
Hat man das gewünscht Layout fertig kann man sich den notwendigen HTML Code einfach kopieren und lokal im eigenen Projekt verwenden:
Der einzige Nachteil an diesem Code ist, dass der Link auf die CSS Datei online auf Yahoo geht:
http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css
Aber natürlich kann man sich diese Datei auch herunterladen und einfach lokal mit einbinden.
Ein wirklich sehr brauchbares Tool.
