Sass a LESS Preprocessors

Web-Entwéckler sollten vertraut mat engem oder zwee Virbereedungen

Coke oder Pepsi, Mac oder PC, Marvel oder DC? An all Gemeinschaft ass et eng Diskussioun iwwer dat wat besser ass. Fir Webdesigner oder Entwéckler, dës Debatte ass Sass oder Less.

Wat sinn Sass a kleng?

Syntaktesch Awesome Stylesheets (Sass) a Leaner CSS (LESS) sinn CSS Preprocessuren. Si sinn speziell Stiichtsbléck-Extensiounen, déi einfacher a méi effizient entwéckelen. Sass a LESS kompiléieren an CSS Stuffzeechen, fir datt Browsere kënnen ze liesen, wat e noutwendege Schrëtt ass, well d'modern Browser net liesen .ass oder ouni Dateiformat liesen.

Wann Dir op der Welt vun der Webentwécklung plangt, ass et eng gutt Iddi fir an engem vun den zwee Vorepresesser ze ginn - oder zwee .

Wann et drëm geet, sinn zwee ähnlech. Si schreiwen CSS méi einfach, méi objektiv orientéiert an eng méi erfreelech Erfahrung. Trotzdem sinn et e puer wichteg Ënnerdeelunge. Fënnef vun hinnen ginn hei opgelëscht.

  • 01 Sass ass am Ruby. MANN ASS am JavaScript

    Sass ass an Ruby baséiert a brauch en Ruby ze installéieren. Dëst ass kee grousst Deal, wann Dir e Mac brauch. Allerdéngs ass et länger installéiert wann Dir e Windows Computer benotzt.

    LESS gouf a Ruby wéi Sass gebaut, awer et ass portugéiert fir JavaScript. Fir LESS ze benotzen, luede Dir d'Applikatioune vum JavaScript op Ärem Server eropzelueden oder d'CSS Blieder duerch en offline Compiler kompiléieren.

  • 02 Assign Variables: Sass Uses $; LESS Uses @

    Béid Sass a LESS benotze spezifizéiert Zeechen fir Variablen ze weisen. Daat Dir musst keen Spezifikatioune réckgängeg maachen; Dir kënnt einfach den Charakter eran.

    Bei Sass ass et den Dollar Zeechen ($). An MESSST ass et um Symbol (@). Déi eenzeg Nodex fir LESS ass datt et e puer existent CSS Selektoren déi schon benotze @, also kann et d'Léierkurve e bësschen versteesoen.

  • 03 Sass Koffer, LESS huet Preboot

    Sass a LESS hunn Erweiderunge fir Mixinsen integréiert (d'Kapazitéit fir CSS-Deklaratiounen iwwer e Site ze speparen).

    • Sass Kompass ass fir Miwwelen verfügbar, déi all Optioun mat Aktualiséierung fir künftlech Ënnerstëtzung enthält.

    • LESS huet Preboot.wéi, LESS Mixins, LESS Elements, gs, a Frameless. D'Software vu LESS ass méi fragmentéiert wéi Sass, déi vill verschidden Opsyonen fir Extensiounen eranhuelen déi net all d'selwecht fonktionnéieren. Fir Äre Projet brauch Dir all déi ugewise Verlängerungen fir eng ähnlech Performance op Compass ze kréien.

  • 04 LESS Besser Fehlermeldung als Sass

    Béid Sass a LESS sinn gepréift fir hir Fähegkeet fir seng Syntax ze reportéieren. LESS huet méi genaue Fehlermeldung an den Tester an datt et de korrekten Standort vum Fehler gemellt huet.

    Eppes wéi dëst konnt e bësse Zäit späicheren iwwer e Tippfeeler.

  • 05 LESS huet méi User-Friendly Dokumentatioun als Sass

    D'LESS-Dokumentatioun ass visuell Attraktivitéit a méi einfach ze maachen fir éischt-Benotzer ze verfollegen. D'Sass Dokumentatioun ass vill méi eng Wesseltbasis oder Wiki Setup.

    Dëst ass e Fakt, datt d'Adoptiounsraten tëschent Sass oder LESS wichteg sinn, well et eng Plattform déi fir d'Websäit entwéckelt ass.