Tags

, ,


Less 01

Mir dem Less-Framework kann man wirklich lässig arbeiten und es erleichtert einem WebDesigner die Arbeit ungemein. Für das OpenMagazin benötige ich 16 verschiedene CSS Dateien, die alle entsprechend geändert und angepasst werden müssen. Es ist ziemlich nervig, wenn man in den CSS Dateien Farben verwendet und diese dann überall ändern oder anpassen muss.

Das kann man auf die herkömmliche Art und Weise tun, in dem man jede “color / #xxxxx” Einzel ändert oder einfach für die Farben oder Verwendung der Farben eine Variable definiert. Somit kann man schnell Änderungen vornehmen und man vergisst auch nicht so schnell etwas.

Genau für solche Fälle ist Less entwickelt worden. Die Less Dateien sind eigentlich normale CSS Dateien, die mir Variablen und Funktionen erweitert werden. Das Javascript “less.js” ist sozusagen ein Compiler, der aus den Less Dateien wieder CSS Dateien erstellt.

Für Mac User gibt es eine tolle Freeware “Less.app“, die bei Änderungen einer Less Datei automatisch eine CSS Datei erstellt. Zusätzlich wird der Code noch geprüft, was unglaublich hilfreich ist.

Less 02

Die Less.app ist wirklich sehr schön und funktionell gemacht, es gibt etliche Einstellungen, die einem die Arbeit erleichtern. Vom selben Entwickler gibt es auch noch das Programm “CodeKit (Beta)”:

CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that’s just the first paragraph.

Die Verfügbare Version von CodeKit ist Beta 8, der Entwickler arbeitet zur Zeit an der Beta 9, die bald erscheinen wird. Ein tolles Programm mit echtem Mehrwert.

About these ads