Sass ug KADAGHAN nga mga Preprocessor

Ang mga nag-develop sa Web kinahanglan pamilyar sa usa o sa duha ka mga preprocessors

Coke o Pepsi, Mac o PC, Marvel o DC? Sa matag komunidad, adunay usa ka panaglantugi nga mas maayo. Alang sa mga tigdisenyo sa web o mga developers, nga ang debate mao ang Sass o Less.

Unsa ang Sass ug KINAHANGLAN?

Ang Syntactically Awesome Stylesheets (Sass) ug Leaner CSS (dili kaayo) ang mga CSS preprocessors. Sila ang mga espesyal nga estilo sa paglambo nga naghimo sa paghimo nga mas sayon ​​ug mas episyente. Ang SASS ug LESS nag-compile ngadto sa CSS stylesheets aron nga ang mga browser makabasa niini, nga usa ka gikinahanglan nga lakang tungod kay ang modernong mga browser dili makabasa .sass o .less file type.

Kon nagplano ka nga anaa sa kalibutan sa pagpalambo sa web, maayo nga ideya nga mahimong batid sa usa sa duha ka mga preprocessors-o ang duha .

Sa diha nga kini moabut ngadto niini, pareho ang pareho. Gihimo nila ang pagsulat sa CSS nga mas simple, mas daghang butang nga nakab-ot, ug mas makalingaw nga kasinatian. Bisan pa niana, adunay pipila ka mga hinungdan nga kalainan. Lima ang nalista dinhi.

  • 01 Sass naa sa Ruby. Dili ang JavaScript

    Si Sass gibase sa Ruby, ug nagkinahanglan og Ruby install. Dili kini dako kon ikaw adunay Mac. Bisan pa, mas taas kini nga pag-instalar kon ikaw adunay makina sa Windows.

    WALAY natukod sa Ruby sama sa Sass, apan kini gibalhin ngadto sa JavaScript. Aron magamit ang dili kaayo, mag-upload ka sa angay nga mga file sa JavaScript sa imong server o pagtigum sa CSS sheets pinaagi sa usa ka offline compiler.

  • 02 Aron Maghatag ug mga Variable: Sass Paggamit $; MAHIMONG Gigamit @

    Ang duha nga Sass ug LESS naggamit sa mga espesyalista nga mga karakter aron sa paghatag sa mga baryable. Niining paagiha dili nimo kinahanglan nga magpadayon sa pagsulod sa mga detalye; mahimo ka lang makasulod sa kinaiya.

    Sa Sass, kini ang dollar sign ($). Sa kulang, kini ang simbolo (@). Ang bugtong kakulangan alang sa LESS mao nga adunay pipila ka mga anaa nga mga tigpili sa CSS nga naggamit na @, busa kini mahimo nga mag-us-os sa kurba sa pagkat-on.

  • 03 Sass May Kompas, KINAHANGLAN May Preboot

    Ang Sass ug LESS adunay mga ekstensiyon nga magamit aron ma-integrate ang mga mixins (ang abilidad sa pag-store ug pagpaambit sa mga deklarasyon sa CSS sa usa ka site).

    • Ang Sass adunay Compass nga magamit alang sa mga mixins, nga naglakip sa matag kapilian nga anaa sa mga update alang sa umaabot nga suporta.

    • KINAHANGLAN adunay Preboot.less, WALA nga mga Mixin, MULUYON Mga elemento, gs, ug Frameless. Ang kakulang sa software nga suporta mas nabahin kay sa Sass, nga miresulta sa daghang lain nga mga kapilian alang sa mga ekstensiyon nga dili tanan mahimo nga pareho nga paagi. Alang sa imong proyekto, mahimo nimo gikinahanglan ang tanan nga nalista nga mga ekstensiyon aron makabaton og susama nga pasundayag sa Compass.

  • 04 MAS MAHIMONG Mas Maayo ang Mga Mensahe sa Sayop Kay sa Sass

    Ang Sass ug LEKSYON gisulayan tungod sa ilang abilidad sa pag-report sa mga sayop sa syntax. KINAHANGLAN adunay mas tukma nga mga mensahe sa sayop sa mga pagsulay tungod kay kini nagtaho sa tukmang nahimutangan sa sayup.

    Usa ka butang nga sama niini makaluwas og usa ka gamay nga panahon nga magpaputol sa usa ka typo.

  • 05 DILI Dunay Dugang nga Dokumentasyon nga Mahigalaon sa Paggamit kay sa Sass

    Ang LESS documentation dunay nindot nga makita ug sayon ​​nga sundon sa unang mga gumagamit. Ang dokumentasyon sa Sass adunay daghan pa nga kahibalo o base sa wiki setup.

    Kini usa ka kamatuoran nga mahimong mahinungdanon sa pagsagop sa mga sukaranan sa Sass o KINABUHI tungod kay kini usa ka plataporma nga gidesinyo alang sa paggamit sa disenyo sa website.