Ang mga web developer ay dapat na pamilyar sa isa o parehong preprocessors
Coke o Pepsi, Mac o PC, Mamangha o DC? Sa bawat komunidad, mayroong isang debate kung saan ay mas mahusay. Para sa mga web designer o developer, ang debate ay Sass o Less.
Ano ang Sass at mas mababa?
Ang Syntactically Awesome Stylesheets (Sass) at Leaner CSS (mas mababa) ay parehong CSS preprocessors. Ang mga ito ay mga espesyal na mga extension ng stylesheet na gawing mas madali at mas mahusay ang pagdidisenyo. Parehong Sass at mas mababa Sumulat ng libro sa mga estilo ng CSS upang mabasa ng mga browser ang mga ito, na isang kinakailangang hakbang dahil ang mga modernong browser ay hindi maaaring magbasa ng .sass o .less na mga uri ng file.
Kung plano mong maging nasa mundo ng web development, magandang ideya na maging mahusay sa dalawa sa dalawang preprocessors o pareho .
Kapag bumaba ito, magkapareho ang pareho. Gumawa sila ng pagsusulat ng CSS mas simple, mas maraming object-oriented, at mas kasiya-siyang karanasan. Gayunpaman, mayroong ilang mga pangunahing pagkakaiba. Limang ng mga ito ay nakalista dito.
01 Sass Nasa Ruby. Mas mababa sa JavaScript
WALA ay itinayo sa Ruby tulad ng Sass, ngunit ito ay nai-port sa JavaScript. Upang magamit ang MABUTI, i-upload mo ang naaangkop na mga file ng JavaScript sa iyong server o ipunin ang mga sheet ng CSS sa pamamagitan ng isang offline na tagatala.
02 Upang Magtalaga ng mga Variable: Gumagamit ng Sass $; Masyadong Gumagamit ng @
Parehong Sass at mas mababa gumamit ng dalubhasang mga character upang magtalaga ng mga variable. Sa ganitong paraan hindi mo kailangang magpatuloy sa pagpasok ng mga pagtutukoy; maaari mo lamang ipasok ang character.
Sa Sass, ito ay ang dollar sign ($). Sa mas mababa, ito ay nasa simbolo (@). Ang tanging downside para sa mas mababa ay na may ilang mga umiiral na CSS tagapili na ginagamit na @, kaya maaaring ito stiffen ang pag-aaral ng curve ng kaunti.
03 Sass May Compass, MAS MABABA
Ang SASS at LESS ay may mga extension na magagamit upang maisama ang mga mixin (ang kakayahang mag-imbak at magbahagi ng mga deklarasyon ng CSS sa isang site).
Ang Sass ay may Compass na magagamit para sa mga mixins, na kinabibilangan ng bawat opsyon na magagamit sa mga update para sa hinaharap na suporta.
MABABA ay Preboot.less, MULI ng Mixin, MGA KARANIWANG Sangkap, gs, at Frameless. Ang suporta sa software ng LESS ay mas pira-piraso kaysa sa Sass, na nagreresulta sa maraming iba't ibang mga opsyon para sa mga extension na maaaring hindi lahat ay gumana sa parehong paraan. Para sa iyong proyekto, maaaring kailangan mo ang lahat ng mga nakalistang extension upang makakuha ng katulad na pagganap sa Compass.
04 Mas may Mas mahusay na Mga Mensahe Error sa Sass
Parehong Sass at mas mababa ay sinubukan para sa kanilang kakayahang mag-ulat ng mga error sa syntax. MADALI ay mas tumpak ang mga mensahe ng error sa mga pagsubok sa na iniulat ang tamang lokasyon ng error.
Isang bagay na tulad nito ay maaaring mag-save ng isang piraso ng oras pagpapawis sa isang typo.
05 Mas Mahusay na Dokumentasyon sa Paggamit ng Kaugnayan kaysa sa Sass
Ang mas kaunting dokumentasyon ay mukhang maganda at mas madaling sundin para sa mga unang-unang gumagamit. Ang Sass documentation ay may higit pa sa isang kaalaman base o pag-setup ng wiki.
Ito ay isang katotohanan na maaaring mahalaga sa mga rate ng pag-aampon ng alinman sa Sass o mas mababa dahil ito ay isang platform na dinisenyo para gamitin sa disenyo ng website.