Ratgeber: "HTML, CSS, Javascript & PHP"

Grid Layouts mit Boks

Lösungen für professionelle Grid-Layouts gibt es wie Sand am Meer, und doch hat sich die Aufgabe dadurch kaum vereinfacht. Abhilfe will ein Tool namens Boks schaffen.

Grid Layouts mit Boks

© Archiv

Grid Layouts mit Boks

Boks basiert auf dem CSS-Framework Blueprint 1.0 und läuft in AIR unter Windows, Mac OS X und Linux.

image.jpg

© Internet Magazin

Die AIR-Anwendung Boks bietet intuitive Tools zum Erstellen rasterbasierter CSS-Layouts unter Windows und Mac OS X.

Das Tool ist unter  toki-woki.net/  kostenlos erhältlich und setzt Adobes ebenfalls kostenlose AIR-Laufzeitumgebung voraus.Boks unterstützt eine beeindruckende Vielfalt von Parametern und trumpft zudem mit einem visuellen Editor von HTML-Layoutelementen. Das Basisraster wird unter Verwendung der Schaltfläche Grid Settings eingerichtet. Es stellt sich im grafischen Editor erst einmal als eine einzige Zeile dar. Hier kommt der entscheidende Punkt: Zum Anlegen neuer HTML-Layoutelemente zeichnet man diese ganz einfach mit der Maus, und schon erweitert sich das Raster automatisch.Auch das Umpositionieren von Elementen klappt problemlos, allerdings nicht mit der Maus (das erzeugt weitere Elemente): Nach dem einmaligen Anklicken einer Auswahl betätigen Sie nur noch die Pfeiltasten, um das aktive Element um je eine Rastereinheit in die gewünschte Richtung zu verschieben. Mit der Rückschritttaste lässt sich die aktive Auswahl löschen.Alle Tags, die über eine ID verfügen, lassen sich im Übrigen bei Bedarf kommentieren. Parameter wie die Einbindung externer Stylesheets (gerne direkt von Ihrem Webserver) oder Javascript-Dateien können Sie zu einem beliebigen Zeitpunkt anpassen. Das resultierende Layout lässt sich als XHTML 1.0 sowie HTML 4.01 (beides Strict oder Transitional) und als HTML5 mit optional komprimiertem CSS ausgeben.

Mehr zum Thema

HTML5: Quick Reference Guide
Ratgeber: "HTML5"

Die wichtigsten Tags auf einen Blick: In unserem praktischen Arbeitsblatt finden Sie einen wertvollen Begleiter für die Umstellung Ihrer Webprojekte…
internet, webdesign, google, content, ranking, seo, suchmaschine
Ratgeber: Urheberrecht

Einzigartige Inhalte bieten Lesern Mehrwert und sind ein wichtiges Qualitätsmerkmal. Ärgerlich, wenn sich jemand durch Kopieren an fremden Ergebnissen…
Die besten HTML5-Tipps
Neue Tipps & Tricks für blitz.io

Wer die Leistung einer Applikation ermitteln möchte, braucht keine Skripte zu schreiben, sondern kann einen der zahlreichen Online-Dienste einspannen.…
image.jpg
Ratgeber: Webentwicklung

Die clientseitige Javascript-Entwicklung bietet fast keine Entwicklungsumgebungen und auch keine vernünftigen Werkzeuge zur Fehlersuche. Eine der…
internet, webdesign, meteor, webapplikationen
Ratgeber

Mit Meteor sollen Entwickler in kurzer Zeit Umgebungen für Webapplikationen erstellen können, ohne sich um lästige Details kümmern zu müssen. Wir…