Sass und weniger Präprozessoren

Cola oder Pepsi, Mac oder PC, Marvel oder DC? In jeder Community gibt es eine Debatte darüber, die besser ist. Für Webdesigner oder Entwickler ist diese Debatte SASS oder weniger.

Syntaktisch großartige Stylesheets (SASS) und schlanke CSS (weniger) sind beide CSS -Präprozessoren. Sie sind spezielle Stylesheet -Erweiterungen, die das Design einfacher und effizienter machen. Sowohl Sass als auch weniger kompilieren in CSS -Stylesheets, damit Browser sie lesen können. Dies ist ein notwendiger Schritt, da moderne Browser nicht lesen können .Sass oder .Weniger Dateitypen.

Wenn Sie vorhaben, in der Welt der Webentwicklung zu sein, ist es eine gute Idee, sich mit einem der beiden Präprozessoren auskennen zu lassen-wenn nicht beide von ihnen. Wenn es darauf ankommt, haben sie viele Ähnlichkeiten. Sie machen das Schreiben von CSS einfacher, objektorientierter und angenehmerer. Trotzdem gibt es einige wichtige Unterschiede.

01 von 05

Sass ist in Ruby, während weniger in JavaScript ist

Shannon Fagan/Getty Images

SASS basiert auf Ruby und benötigt eine Ruby -Installation. Dies ist keine große Sache, wenn Sie einen Mac haben. Es ist jedoch eine längere Installation, wenn Sie einen Windows -Computer haben.

Weniger wurde wie Sass in Ruby gebaut, aber es wurde auf JavaScript portiert. Um weniger zu verwenden, müssen Sie die zutreffenden JavaScript -Dateien auf Ihren Server hochladen oder die CSS -Blätter über einen Offline -Compiler kompilieren.

02 von 05

Um Variablen zuzuweisen, verwendet Sass '$', während weniger '@' verwendet wird

  Luis Alvarez/Getty Images

Sowohl Sass als auch weniger verwenden spezielle Zeichen, um Variablen zuzuweisen. Dies ist Teil des Vorteils der Verwendung dieser Präprozessoren. Sie müssen nicht jedes Mal weiterhin Spezifikationen eingeben, wenn Sie Variablen zuweisen möchten. Stattdessen können Sie einfach den Charakter eingeben.

In Sass ist es das Dollar -Schild ($). In weniger ist es das Symbol "at" (@). Der einzige Nachteil für weniger ist, dass es einige vorhandene CSS -Selektoren gibt, die bereits @ verwenden. Diese Komplikation könnte die Lernkurve ein wenig versteifen.

03 von 05

Sass hat Kompass, während weniger Vorbote hat

  Caiimage/Gerty -Bilder

Sass und weniger haben Erweiterungen zur Integration von Mixins (die Möglichkeit, CSS -Erklärungen auf einem Standort zu speichern und zu teilen).

Sass verwendet Kompass für Mixins, die jede Option mit Updates für zukünftige Support enthält.

Weniger hat Vorboot.weniger, weniger Mixins, weniger Elemente, GS und rahmenlos. Die Softwareunterstützung von Less ist fragmentierter als SASS, was zu vielen unterschiedlichen Optionen für Erweiterungen führt, die möglicherweise nicht alle gleich funktionieren. Für Ihr Projekt müssen Sie möglicherweise mehrere (oder alle) der aufgelisteten Erweiterungen verwenden, um die Leistung von Kompass zu replizieren.

04 von 05

Weniger hat bessere Fehlermeldungen als Sass

  Razvan Chisu/Getty Bilder

Sowohl SASS als auch weniger wurden auf ihre Fähigkeit getestet, Fehler in der Syntax zu melden. Weniger hat genauere Fehlermeldungen in den Tests-es hat den richtigen Ort des Fehlers angegeben. Dies kann nützlich sein, wenn ein Tippfehler den Code entgleift. Weniger Fehlermeldungen können Ihnen helfen, das Problem schnell zu identifizieren.

05 von 05

Weniger hat eine benutzerfreundlichere Dokumentation als Sass

  Heldenbilder/Getty -Bilder 

Die weniger Dokumentation ist visuell ansprechend und für Erstnutzer einfacher zu befolgen. Die SASS-Dokumentation erfordert entweder viel mehr Basiskenntnisse oder häufige Querverweise mit einem Wiki während des Setups.

Diese Tatsache an und für sich könnte die Adoptionsraten von Sass oder weniger stark belasten.