Sass dhe LESS Preprocessors

Zhvilluesit e uebit duhet të njihen me një ose dy preprocessorë

Coke ose Pepsi, Mac apo PC, Marvel apo DC? Në çdo komunitet, ka një debat mbi të cilin është më mirë. Për web designers ose zhvilluesit, se debati është Sass ose më pak.

Cilat janë SASS dhe MESS?

Skedat e stilit të syntave (Sass) dhe Leaner CSS (LESS) janë dy paraprocesorë të CSS. Ato janë zgjerime të veçanta të stileve që e bëjnë projektimin më të lehtë dhe më efikas. Të dy Sass dhe MESS përpilohen në fletët e stilit CSS në mënyrë që shfletuesit të mund t'i lexojnë ato, gjë që është një hap i domosdoshëm sepse shfletuesit modern nuk mund të lexojnë .sass ose .less file types.

Nëse keni ndërmend të jeni në botën e zhvillimit të uebit, është një ide e mirë të jeni të përgatitur në njërën nga dy preprocesorët - ose të dyja .

Kur vjen puna për të, të dyja janë të ngjashme. Ata e bëjnë shkrimin e CSS më të thjeshtë, më të orientuar në objekte dhe një eksperiencë më të kënaqshme. Megjithatë, ka disa dallime kyçe. Pesë prej tyre janë renditur këtu.

  • 01 Sass është në Ruby. LESS është në JavaScript

    Sass është i bazuar në Ruby, dhe kërkon një instalim Ruby. Kjo nuk është punë e madhe nëse ke një Mac. Megjithatë, është instalimi më i gjatë nëse keni një makinë Windows.

    Më pak u ndërtua në Ruby si Sass, por ajo është transferuar në JavaScript. Për të përdorur LESS, ju ngarkoni skedarët JavaScript të aplikueshëm në serverin tuaj ose përpiloni fletët CSS përmes një përpiluesi offline.

  • 02 Për të caktuar variablat: Sass përdor $; LESS Uses @

    Të dyja Sass dhe LESS përdorin karaktere të specializuara për të caktuar variabla. Në këtë mënyrë ju nuk duhet të mbani specifikimet e hyrjes; ju mund të futni vetëm karakterin.

    Në Sass, është shenja e dollarit ($). Në MESS, është simboli në (@). E vetmja dobësi për pak është se ka disa përzgjedhës ekzistues CSS që tashmë përdorin @, kështu që mund të ngurtësojë kurbën e mësimit pak.

  • 03 Sass ka kompas, pak ka preboot

    Sass dhe MESS kanë zgjatje në dispozicion për të integruar mixins (aftësia për të ruajtur dhe ndarë deklaratat CSS në të gjithë vendin).

    • Sass ka Compass në dispozicion për mixins, i cili përfshin çdo opsion në dispozicion me përditësime për mbështetje të ardhshme.

    • ME SHUME ka Preboot.less, Lessess Mixins, Elementet Less, gs, dhe Frameless. Mbështetja softuese e LESS-it është më e fragmentuar sesa Sass, duke rezultuar në shumë opsione të ndryshme për zgjerimet që mund të mos funksionojnë në të njëjtën mënyrë. Për projektin tuaj, mund të keni nevojë për të gjitha zgjerimet e listuara për të marrë një performancë të ngjashme me Compass.

  • 04 MESS ka gabime më të mira se Sass

    Të dyja Sass dhe LESS janë testuar për aftësinë e tyre për të raportuar gabime në sintaksë. MESS ka mesazhe gabimi më të sakta në testet në atë që ka raportuar vendndodhjen e saktë të gabimit.

    Diçka si kjo mund të shpëtojë pak kohë duke djersitur gjatë një typo.

  • 05 MESS ka më shumë dokumentacion miqësor sesa Sass

    Dokumentacioni LESS është tërheqës vizual dhe më i lehtë për t'u ndjekur për përdoruesit e parë. Dokumentacioni i Sass ka shumë më tepër një bazë të njohurive ose setup wiki.

    Ky është një fakt që mund të jetë i rëndësishëm për normat e adoptimit të Sass ose MESS pasi që është një platformë e dizajnuar për përdorim në hartimin e faqes.