HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 129

4.1.1 Einsatz des Less CSS Frameworks

Das Less CSS Framework , entwickelt durch den finnischen Entwickler Joni Korpi, stellt
eine gute Grundlage für die Entwicklung mit CSS-Rastersystemen dar (Abbildung 4.3).
Verwechseln Sie das Less CSS Framework aber nicht mit LESS CSS . Während es sich
beim Less CSS Framework um ein CSS-Rastersystem handelt, stellt LESS CSS Java-
Script-Erweiterungen für die Entwicklung mit CSS bereit.

4

Abbildung 4.3 http://www.lessframework.com

Neben einem Erläuterungstext, können Sie im unteren Teil der Website den entspre-
chenden CSS-Code herunterladen. Dabei wählen Sie zwischen drei verschiedenen
Zeilenhöhen. Dies dient dazu, dass sowohl Texte als auch Überschriften auf einer
horizontalen Grundlinie ausgerichtet sind.

Wählen Sie die Option für 1.5 line-height aus, im unteren Feld erscheint nun der
zugehörige CSS-Code. Das obere Feld beinhaltet lediglich die Basis einer HTML5-
Webseite. Im Endeffekt sehr ähnlich zu dem, was Sie schon aus den vorherigen Kapi-
teln gewohnt sind.

Kopieren Sie nun den CSS-Code in eine neue Stylesheet-Datei mit dem Namen ras-
ter.css , und speichern Sie diese im Ordner styles ab. Als HTML-Datei verwenden Sie
den bekannten HTML5-Basiscode.