Write less-CSS: zeitsparendes Webdesign
von ManuelGraf am 10.Nov 2009, in der Kategorie Ruby & Co.
HTML und CSS: das Unliebsamste für jeden Web-Developer. Man wiederholt sich ständig, muss Margins, Paddings und Widths berechnen undsoweiterundsofort. Das ist nun alles Vergangenheit dank less-CSS, einem Gem für Ruby on Rails mit dem Man im CSS Variablen und Funktionen benutzen, Klassen in Klassen wiederverwenden und sogar mit diesen automatisch rechnen kann
Less-CSS gibt einem endlich die Möglichkeit Variablen im CSS-Stylesheet zu definieren, verschachtelt Anweisungen zu deklarieren und im CSS mit px, em oder sogar Farben zu rechnen. Zudem muss man nur noch eine Klasse definieren und kann diese in anderen wieder verwenden. Ebenso ist es kein Problem Funktionen im CSS zu deklarieren.Somit erreicht man große Konsistenz in sienem Stylesheet und muss Deklarationen nur noch an einer Stelle ändern um sie überall zu ändern.
Die Installation erfolgt einfach durch
Nun kann man aus einem .less file wie folgendem einfach ein CSS-Stylesheet kompillieren:
Compiled wird das ganze nun durch den Befehl lessc
heraus kommt ein .css File des selben Namens im selben Pfad:
Zu beachten wäre jedoch, dass hinter jeder Deklaration ein Semikolon (;) stehen muss, da less sonst einen Syntax-Error meldet. das tut der Genialität wie Einfachheit dieses Gems keinen Abbruch.
benötigt wird für dieses Gem Ruby, Rubygems (notfalls installieren über Macports)
Ich persönlich erachte die Syntax von lesscss als gute Richtlinie für den CSS-Core. Wie oft habe ich geflucht, dass es in Css keine Varablen gibt oder ich nicht einfach headWidth-200px als Wert vergeben konnte. Ein großartiges Plugin für Ruby! Es spart unendlich viel Zeit im Stylen der Websites und komprimiert zusätzlich die CSS-Deklarationen auf das nötigste.
Ähnliche Artikel:
Über ManuelGraf
Manuel Graf ist Mediengestalter für Digital- und Printmedien bei iBusiness.de. Er arbeitet seit 6 Jahren mit Photoshop, HTML und CSS und hat sich seit 2 Jahren Kentnisse in Sprachen wie Javascript, Actionscript 3.0, BOIL, PHP, Ruby oder Python angeeignet.
