halskrause

Hi. Ich setze gerade für ein Projekt lessCSS ein, und würde gern eure Meinung dazu hören, inwiefern das für euch Sinn macht ein CSS-Framework zu verwenden.

Zweifelsohne ist es Designtechnisch ein super Ding da man direkt in der CSS Farbberrechnungen machen kann, Variablen setzen usw... Jedoch stört es mich derzeit, dass die CSS bei jedem Seitenaufruf neu berechnet und zur Verfügung gestellt wird. Soweit ich das verstanden habe, ist da nichts mit Caching möglich.

Auf der Webseite steht, dass auch eine Serverseitige Berrechnung möglich sei. Ich denke mal, dass hierbei der Client die CSS cached, da ja die Ausgabe die gleiche ist. Sprich einen xxxx.css. Der Nachteil hierbei wäre, dass man für jedes Projekt, wobei less zum Einsatz kommt, mindestens einen vServer haben muß, da hierfür ein Paket installiert werden muß.

Hat jemand schon Erfahrungen mit CSS-Frameworks sammeln können? Wenn ja, her damit...

Mister Ad

fab

Ich benutze LESS im Build-Prozess, d.h. die Konvertierung von .less zu .css Dateien läuft auf der Entwicklungs-Maschine (für Windows: lessc-wsh) und der Server hat damit gar nichts mehr zu tun.

Die Variante mit der Client-seitigen Berechnung wird übrigens gar nicht für Produktivumgebungen empfohlen, das ist eher etwas um schnell lokal zu testen.

__________________
PHP Blog + Library
CSS Effects + Tools

rudygotya

Alternativ den less compiler per npm (node package manager) installieren.

__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog

mermshaus

Es gibt überraschenderweise LESS-Compiler, die in PHP geschrieben sind.

Etwa: http://leafo.net/lessphp/

Dafür reicht ziemlich sicher normaler Webspace.

Zur Qualität kann ich nichts sagen. Lizenz: MIT oder GPL3.

Du solltest aber in jedem Fall eine kompilierte Version zwischenspeichern und ausliefern. Es ist nicht sinnvoll, für jeden Nutzer einmal den Compiler anzuwerfen, um die für eine Version ständig identische Ausgabe zu erzeugen.

Edit: Für mich ist das aber auch etwas, das nach Möglichkeit auf dem Entwicklungsrechner passieren sollte. Also bereits vor dem Upload.

__________________
Blog | Buch | Kaloa

Manko10

LESS ist weniger ein Framework als viel mehr ein CSS-Preprocessor.
Ich selbst setze Sass ein, was an sich vergleichbar ist (dazu gibt es noch Compass, was wirklich ein Framework ist) und ich bin ich absolut überzeugt davon. Es erleichtert mir die Arbeit, lässt mich meine CSS-Dateien sinnvoll aufsplitten ohne dabei die Anzahl der Requests zu vermehren, die letztendlich getätigt werden, uvm. Farben durch Variablen definieren ist nur eine kleiner Teil dessen, was damit möglich wird.
Die SCSS-Dateien aber bei jedem Seitenaufruf erneut durch den Compiler zu schicken ist Blödsinn. Entweder cachst du das bis zur jeweils nächsten Änderung oder du machst es wie ich und lässt den Preprocessor einfach während der Entwicklung all deine Änderungen beobachten. Die statische CSS-Datei, die dann dabei herausfällt, schiebst du anschließend auf den Webspace – fertig!
Ich wüsste auch nicht, welchen Vorteil es haben sollte, die Sass- oder Less-Dateien auf dem Webspace zu haben. Erstens entwickelst du eh nicht auf dem Produktiv-Server (will ich doch mal stark hoffen), sodass ein Live-Kompilat vollkommen überflüssig ist und zweitens musst du bei Verwendung der generierten CSS nur eine einzige minifizierte Datei aktualisieren. Wenn du allerdings die Rohdateien hochschiebst, musst du im Zweifelsfalle zwei oder mehr Dateien hochschieben. Und wenn du dann mal eine Datei mit aktualisierten Variablen- oder Mixin-Definitionen vergisst, wirft der Preprocessor nur einen Fehler und deine Seite hat gar kein CSS mehr. Im Endeffekt musst du also jedes Mal das gesamte Projekt hochschieben, um auch ja nichts zu vergessen, und das bei einer High-Traffic-Seite am besten auch noch transaktionssicher. Da ist es doch deutlich einfacher einfach die Auswurf-Datei zu nutzen.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

halskrause

Danke für das Feedback.
Ich dachte tatsächlich, dass die meisten es clientseitig berechnen lassen, da Less in der Console mit den wenigen Millisekunde prahlt.
Danke für den Link für dem PHP-LESS-Compiler.

Manko10

Clientseitig sowieso nicht. Wenn dann serverseitig.
Von der Performance hast du aber auch was wenn du es nicht auf dem Live-Server einsetzt. Immerhin musst du nicht lange warten bis der Compiler die Änderung in den Source-Files erkannt und das Kompilat erzeugt hat. Ich habe Sass mal über SSH genutzt und der 2-3-Sekunden-Lag hat schon ordentlich genervt. Nicht auszudenken, wenn jetzt auch noch Sass getrödelt hätte…

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”