Sass en MINDER Voorverwerkers

Webontwikkelaars moet vertroud wees met een of albei voorverwerkers

Coke of Pepsi, Mac of PC, Wonder of DC? In elke gemeenskap is daar 'n debat oor wat beter is. Vir webontwerpers of ontwikkelaars is die debat Sass of Less.

Wat is Sass en MINDER?

Sintakties Awesome Stylsheets (Sass) en Leaner CSS (LESS) is albei CSS preprocessors. Hulle is spesiale style sheet uitbreidings wat ontwerp makliker en meer doeltreffend maak. Beide Sass en LESS stel saam in CSS style sheets sodat blaaiers dit kan lees, wat 'n noodsaaklike stap is omdat moderne blaaiers nie .sass of .lose lêertipes kan lees nie.

As jy van plan is om in die wêreld van webontwikkeling te wees, is dit 'n goeie idee om in een van die twee preprosessors of albei goed vertroud te wees .

Wanneer dit afkom, is albei eenders. Hulle maak skryf CSS eenvoudiger, meer objek-georiënteerde, en 'n meer aangename ervaring. Tog is daar 'n paar belangrike verskille. Vyf van hulle word hier gelys.

  • 01 Sass is in Ruby. MINDER Is in JavaScript

    Sass is in Ruby, en benodig 'n Ruby-installasie. Dit is nie 'n groot probleem as jy 'n Mac het nie. Dit is egter 'n langer installasie as jy 'n Windows-masjien het.

    LESS is gebou in Ruby soos Sass, maar dit is na JavaScript gestuur. Om LESS te gebruik, laai jy die toepaslike JavaScript-lêers op na jou bediener of stel die CSS-velle saam deur 'n oplyn samesteller.

  • 02 Om veranderlikes toe te ken: Sass Gebruik $; MINDER Gebruik @

    Beide Sass en LESS gebruik gespesialiseerde karakters om veranderlikes toe te wys. Op hierdie manier hoef jy nie spesifikasies te betree nie; jy kan net die karakter invoer.

    In Sass is dit die dollarteken ($). In minder is dit die by-simbool (@). Die enigste nadeel vir MINDER is dat daar 'n paar bestaande CSS-keurders is wat reeds @ gebruik, sodat dit die leerkromme 'n bietjie kan styf.

  • 03 Sass Het Kompas, MINDER HET PREBOOT

    Sass en MINDER het uitbreidings beskikbaar om mengsels te integreer (die vermoë om CSS-verklarings regdeur 'n webwerf te stoor en te deel).

    • Sass het Compass beskikbaar vir mixins, wat elke opsie beskikbaar met opdaterings vir toekomstige ondersteuning insluit.

    • MINDER het Preboot.less, MINDER MIXINS, MINDER Elemente, GS, en Frameless. MINDER se sagteware ondersteuning is meer gefragmenteer as Sass, wat baie verskillende opsies vir uitbreidings tot gevolg het, wat moontlik nie almal op dieselfde manier funksioneer nie. Vir u projek mag u al die gelysde uitbreidings benodig om 'n soortgelyke prestasie vir Kompas te kry.

  • 04 MINDER het beter fout boodskappe as Sass

    Beide Sass en LESS is getoets vir hul vermoë om foute in sintaksis te rapporteer. MINDER het meer akkurate foutboodskappe in die toetse omdat dit die korrekte ligging van die fout aangemeld het.

    Iets soos hierdie kan 'n bietjie tyd spaar oor 'n tik.

  • 05 MINDER het meer gebruikersvriendelike dokumentasie as Sass

    Die MINDER dokumentasie is visueel aantreklik en makliker om te volg vir eerste keer gebruikers. Die Sass dokumentasie het baie meer van 'n kennisbasis of wiki-opstelling.

    Dit is 'n feit wat belangrik kan wees vir die aanvaardingskoerse van Sass of LESS aangesien dit 'n platform is wat ontwerp is vir gebruik in webwerfontwerp.