LESS oder SASS oder was?
bearbeitet von Gunnar Bittersmann@@ottogal
> für meine kleinen Websites mache ich die CSS von Hand, verwende insbesondere keinen Preprocessor (womit ich auch keine Erfahrung habe). Was ich freilich gern hätte, wären Variablen, z.B. für Farben.
Das kriegst du mit CSS hin: mit ***custom properties***{:@en}. ☞ [Beispiel](https://codepen.io/gunnarbittersmann/pen/YERdJx)
Achte auch drauf, wie einfach es ist, sämtliche Farben für eine Box zu ändern.
[Funktioniert](https://caniuse.com/#feat=css-variables) in allen modernen Browsern. Wenn es in alten IEs nicht genauso farbig sein muss (muss es nicht, wirklich nicht), sollte das der Weg sein.
Falls doch, ließe sich der CSS-Code auch durch einen Postprozessor jagen, der dann die *custom properties*{:@en} überall durch die entsprechenden Werte ersetzt. Das geht in diesem Fall; aber Achtung: es gibt Einsatzmöglichkeiten für *custom properties*{:@en}, die sich nicht mit einem Postprozessor für alte Browser hinbiegen lassen.
Ansonsten bliebe die Möglichkeit, einen Präprozessor einzusetzen. Ich empfehle Sass[^sass]; gar nicht erst LESS in Erwägung ziehen.
[^sass]: Es ist Sass, nicht SASS.
Oder halt – wie schon erwähnt – das Stylesheet serverseitig generieren, z.B. mit PHP.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
LESS oder SASS oder was?
bearbeitet von Gunnar Bittersmann@@ottogal
> für meine kleinen Websites mache ich die CSS von Hand, verwende insbesondere keinen Preprocessor (womit ich auch keine Erfahrung habe). Was ich freilich gern hätte, wären Variablen, z.B. für Farben.
Das kriegst du mit CSS hin: mit ***custom properties***{:@en}. ☞ [Beispiel](https://codepen.io/gunnarbittersmann/pen/YERdJx)
Achte auch drauf, wie einfach es ist, sämtliche Farben für eine Box zu ändern.
[Funktioniert](https://caniuse.com/#feat=css-variables) in allen modernen Browser. Wenn es in alten IEs nicht genauso farbig sein muss (muss es nicht, wirklich nicht), sollte das der Weg sein.
Falls doch, ließe sich der CSS-Code auch durch einen Postprozessor jagen, der dann die *custom properties*{:@en} überall durch die entsprechenden Werte ersetzt. Das geht in diesem Fall; aber Achtung: es gibt Einsatzmöglichkeiten für *custom properties*{:@en}, die sich nicht mit einem Postprozessor für alte Browser hinbiegen lassen.
Ansonsten bliebe die Möglichkeit, einen Präprozessor einzusetzen. Ich empfehle Sass[^sass]; gar nicht erst LESS in Erwägung ziehen.
[^sass]: Es ist Sass, nicht SASS.
Oder halt – wie schon erwähnt – das Stylesheet serverseitig generieren, z.B. mit PHP.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)