Webentwickler sollten mit einem oder beiden Präprozessoren vertraut sein
Cola oder Pepsi, Mac oder PC, Marvel oder DC? In jeder Gemeinde gibt es eine Debatte darüber, was besser ist. Für Webdesigner oder Entwickler ist diese Debatte Sass or Less.
Was sind Sass und weniger?
Syntaktisch Super Stylesheets (Sass) und Leaner CSS (LESS) sind beide CSS-Präprozessoren. Sie sind spezielle Stylesheet-Erweiterungen, die das Entwerfen einfacher und effizienter machen. Sowohl Sass als auch LESS werden in CSS-Stylesheets kompiliert, so dass sie von Browsern gelesen werden können. Dies ist ein notwendiger Schritt, da moderne Browser keine .sass- oder .less-Dateitypen lesen können.
Wenn Sie vorhaben, in der Welt der Webentwicklung zu sein, ist es eine gute Idee, in einem der beiden Präprozessoren - oder in beiden - gut vertraut zu sein .
Wenn es darauf ankommt, sind beide ähnlich. Sie machen das Schreiben von CSS einfacher, objektorientierter und angenehmer. Dennoch gibt es ein paar wichtige Unterschiede. Fünf von ihnen sind hier aufgeführt.
01 Sass ist in Ruby. WENIGER ist in JavaScript
LESS wurde in Ruby wie Sass erstellt, wurde aber auf JavaScript portiert. Um LESS zu verwenden, laden Sie die entsprechenden JavaScript-Dateien auf Ihren Server hoch oder kompilieren die CSS-Blätter über einen Offline-Compiler.
02 Variablen zuweisen: Sass verwendet $; WENIGER verwendet @
Sowohl Sass als auch LESS verwenden spezielle Zeichen, um Variablen zuzuweisen. Auf diese Weise müssen Sie keine Spezifikationen eingeben. Sie können einfach das Zeichen eingeben.
In Sass ist es das Dollarzeichen ($). In LESS ist es das At-Symbol (@). Der einzige Nachteil von LESS ist, dass es einige existierende CSS-Selektoren gibt, die bereits @ verwenden, was die Lernkurve etwas versteifen kann.
03 Sass hat Kompass, LESS hat Preboot
Sass und LESS haben Erweiterungen verfügbar, um Mixins zu integrieren (die Möglichkeit, CSS-Deklarationen in einer Site zu speichern und zu teilen).
Sass hat Compass für Mixins verfügbar, das jede verfügbare Option mit Updates für zukünftigen Support enthält.
LESS hat Preboot.less, LESS Mixins, WENIGER Elemente, GS und Frameless. Die Software-Unterstützung von LESS ist fragmentierter als Sass, was zu vielen verschiedenen Optionen für Erweiterungen führt, die möglicherweise nicht alle gleich funktionieren. Für Ihr Projekt benötigen Sie möglicherweise alle aufgelisteten Erweiterungen, um eine ähnliche Leistung wie bei Compass zu erzielen.
04 Weniger hat bessere Fehlermeldungen als Sass
Sowohl Sass als auch LESS wurden auf ihre Fähigkeit getestet, Fehler in der Syntax zu melden. WENIGER hat in den Tests genauere Fehlermeldungen, da er die korrekte Position des Fehlers gemeldet hat.
So etwas könnte ein bisschen Zeit sparen bei einem Tippfehler.
05 LESS hat mehr benutzerfreundliche Dokumentation als Sass
Die LESS-Dokumentation ist optisch ansprechend und für Erstbenutzer einfacher zu befolgen. Die Sass-Dokumentation hat viel mehr eine Wissensbasis oder Wiki-Setup.
Dies ist eine Tatsache, die für die Adoptionsraten von Sass oder LESS wichtig sein könnte, da es sich um eine Plattform handelt, die für das Design von Webseiten entwickelt wurde.