Web-kehittäjien tulisi tuntea yksi tai molemmat esikäsittelyjärjestelmät
Coke tai Pepsi, Mac tai PC, Marvel tai DC? Kaikissa yhteisöissä keskustelu on parempaa. Web-suunnittelijoille tai kehittäjille tämä keskustelu on Sass tai Less.
Mitkä ovat Sass ja LESS?
Syntactically Awesome Stylesheets (Sass) ja Leaner CSS (LESS) ovat sekä CSS-esikäsittelyohjelmia. Ne ovat erikoistyöselainpidennyksiä, jotka tekevät suunnittelusta helpompaa ja tehokkaampaa. Sekä Sass että LESS kootaan CSS-tyyppisivuiksi, jotta selaimet voivat lukea niitä, mikä on välttämätön askel, koska nykyaikaiset selaimet eivät voi lukea .sass- tai .less-tiedostotyyppejä.
Jos aiot olla web-kehitysmaailmassa, kannattaa olla hyvin perehtynyt jompaan kumpaan esiprosessoriin tai molempiin .
Kun se tulee alas, molemmat ovat samanlaisia. He tekevät kirjoitus CSS yksinkertaisemmaksi, enemmän esineohjattu ja miellyttävämpi kokemus. Siitä huolimatta on muutamia keskeisiä eroja. Viisi niistä on lueteltu tässä.
01 Sass on Rubyssä. Pienempi on JavaScript
LESS on rakennettu Ruby, kuten Sass, mutta se on siirretty JavaScript. Jotta voit käyttää LESSiä, lataat sovellettavat JavaScript-tiedostot palvelimelle tai kääntäkää CSS-arkit offline-kääntäjän kautta.
02 Muuttujien määrittäminen: Sass käyttää $; LESS Käyttää @
Sekä Sass että LESS käyttävät erikoismerkkejä muuttujien määrittämiseen. Näin sinun ei tarvitse syöttää tietoja; voit vain kirjoittaa merkin.
Sassissa se on dollarin merkki ($). Vähiten, se on symbolissa (@). Ainoa haittapuoli on, että on olemassa muutamia nykyisiä CSS-valitsimia, jotka käyttävät jo @, joten se voi hieman vaikeuttaa oppimiskäyrää.
03 Sass on kompassi, joka on vähän käynnistynyt
Sassilla ja LESSillä on laajennuksia, jotka mahdollistavat sekoittimien integroinnin (kyky tallentaa ja jakaa CSS-ilmoituksia koko sivustolla).
Sassilla on Compassin saatavana mixinsseja, joka sisältää kaikki vaihtoehdot, jotka ovat saatavana päivityksiä varten tulevaa tukea varten.
LESS on Preboot.less, LESS Mixins, Less Elements, gs ja Frameless. LESSin ohjelmistotuki on hajanaisempaa kuin Sass, mikä saa aikaan monia erilaisia vaihtoehtoja laajennuksille, jotka eivät ehkä kaikki toimi samalla tavalla. Projektissa saatat tarvita kaikki luetellut laajennukset, jotta saisit samanlaisen suorituskyvyn kuin Compass.
04 LESS on parempi virheilmoitukset kuin Sass
Sekä Sass ja LESS on testattu niiden kyvystä ilmoittaa virheistä syntaksissa. LESS on tarkempia virheilmoituksia testeissä, koska se ilmoitti virheen sijainnista.
Jotain tällaista voisi säästää hieman aikaa hikoilemalla typoa vastaan.
05 LESS on enemmän käyttäjäystävällistä dokumentaatiota kuin Sass
LESS-dokumentaatio on visuaalisesti houkutteleva ja sitä on helpompi seurata ensimmäistä kertaa käyttäville käyttäjille. Sassin dokumentaatiolla on paljon enemmän osaamispohjaa tai wikin asetuksia.
Tämä on tosiasia, joka voi olla tärkeä joko Sassin tai LESSin hyväksymisasteille, koska se on foorumi, joka on suunniteltu käytettäväksi verkkosivujen suunnittelussa.