Sass ja vähem preprotsessorid

Veebiarendajad peaksid olema tuttavad ühe või mõlema eelprotsessoriga

Koks või Pepsi, Mac või PC, Marvel või DC? Igas ühiskonnas toimub arutelu, mis on parem. Veebikujundajate või arendajatena on see arutelu Sass või vähem.

Mis on Sass ja LESS?

Syntactically Awesome Stylesheets (Sass) ja Leaner CSS (LESS) on mõlemad CSS eelprotsessorid. Need on spetsiaalsed stiililaiendite laiendid, mis muudavad projekteerimise lihtsamaks ja tõhusamaks. Mõlemad Sass ja LESS komponeeruvad CSS-i stiilidesse, nii et brauserid neid saaksid lugeda, mis on vajalik samm, sest kaasaegsed brauserid ei saa lugeda .sassi või .less failitüüpe.

Kui kavatsete olla veebiarenduse maailmas, on hea mõte olla üks kahest eelprotsessorist - või mõlemast - hästi kursis .

Kui tegemist on sellega, on mõlemad sarnased. Nad muudavad CSS-i kirjutamise lihtsamaks, objektorienergiaks ja mõnusamaks kogemuseks. Siiski on mõned olulised erinevused. Viis neist on siin loetletud.

  • 01 Sass on Ruby. VÄLJA on JavaScripti

    Sass asub Ruby'is ja nõuab Ruby installimist. See pole suur asi, kui teil on Mac. Kui teil on Windowsi masin, on see siiski pikem paigaldamine.

    LESS oli ehitatud Ruby-sse nagu Sass, kuid see on portieritud JavaScripti. LESSi kasutamiseks laadite oma serverisse sobivad JavaScripti failid või kompileerivad CSS-lehed läbi võrguühenduseta kompilaatori.

  • 02 Muutujate määramine: Sass Kasutab $; LESS Kasutab @

    Muutuja määramiseks kasutavad nii Sass kui ka LESS erimärgid. Nii ei pea te spetsifikatsioonide sisestamist jätkama; võite lihtsalt sisestada märgi.

    Sassis on see dollar märk ($). Vähemalt on sümbol (@). Ainsaks negatiivseks küljeks on vähene see, et on olemas mõned olemasolevad CSS-i valijad, mis juba kasutavad @, nii et see võib veidi nõrgendada õppimiskõverat.

  • 03 Sassil on Compass, vähem on Preboot

    Sassi ja LESS-i puhul on segistide integreerimiseks saadaval laiendused (CSS-deklaratsioonide salvestamine ja jagamine kogu saidil).

    • Sassil on Compassile saadaval mixins, mis sisaldab kõiki võimalusi, mis on saadaval tulevase tuge värskendustega.

    • LESS on Preboot.less, vähem segamissegusid, vähem elemente, gs ja frameless. LESS'i tarkvaratoetus on killustunud kui Sass, mille tulemuseks on palju erinevaid laiendusi, mis ei pruugi kõik sama toimida. Teie projekti jaoks võite vajada kõiki loetletud laiendeid, et saada kompassi jaoks sarnast jõudlust.

  • 04 LESS on paremate sõnumite sõnum kui Sass

    Mõlemad Sass ja LESS on testitud nende võime eest teatada süntaksi vigu. KASUTAMISEKS on katsetustes täpsemad veateated, kuna see teatas tõrke õigest asukohast.

    Midagi selline võib pisut aega pühkida työpaaaa.

  • 05 LESS on rohkem kasutajasõbralikku dokumentatsiooni kui Sass

    LESSi dokumentatsioon on visuaalselt atraktiivne ja seda on lihtsam jälgida esmakordsete kasutajate jaoks. Sass dokumentatsioonil on palju rohkem teadmisbaasi või wiki seadistust.

    See on tõsiasi, mis võib olla kas Sassi või LESSi kasutuselevõtu määrade jaoks oluline, kuna see on veebisaidi kujundamiseks mõeldud platvorm.