Sass és LESS előfeldolgozók

A webes fejlesztőknek ismerniük kell az egyik vagy mindkét előfeldolgozót

Coke vagy Pepsi, Mac vagy PC, Marvel vagy DC? Minden közösségben van egy vita, ami jobb. A webes tervezők vagy fejlesztők számára ez a vita Sass vagy Less.

Mi a Sass és a kevés?

Szintaktikailag félelmetes stíluslapok (Sass) és Leaner CSS (LESS) mind CSS előfeldolgozók. Ezek olyan speciális stíluslapkiterjesztések, amelyek megkönnyítik és hatékonyabbá teszik a tervezést. Mind a Sass, mind pedig a LESS CSS stíluslapokat fordít, így a böngészők elolvashatják őket, ami szükséges lépés, mivel a modern böngészők nem tudnak olvasni .sass vagy .less fájltípusokat.

Ha azt tervezi, hogy a webes fejlesztés világában van, jó ötlet, ha jól ismeri a két előfeldolgozó egyikét - vagy mindkettőt .

Amikor lefelé fordul, mindkettő hasonló. A CSS egyszerűbbé, objektumorientáltabbá és élvezetesebbé válik. Ennek ellenére vannak néhány alapvető különbség. Öt közülük szerepel itt.

  • 01 Sass Ruby-ban van. Kevesebb a JavaScript

    A Sass Ruby-n alapul, és Ruby telepítést igényel. Ez nem nagy dolog, ha Mac van. Azonban hosszabb telepítés esetén van Windows-gép.

    A kevésbé épült Ruby-ban, mint a Sass, de át lett adva a JavaScriptre. A LESS használatához feltöltöd az alkalmazható JavaScript fájlokat a kiszolgálóra, vagy fordítod a CSS lapokat offline fordítón keresztül.

  • 02 Változók hozzárendelése: A Sass $ -t használ; Kevesebbet használ @

    Mind a Sass, mind a LESS speciális karaktereket használ a változók hozzárendeléséhez. Így nem kell folyamatosan megadnia a specifikációkat; csak beírhatja a karaktert.

    A Sass-ban ez a dollár jel ($). Kevésbé, ez a szimbólum (@). Az egyetlen hátránya a LESS számára, hogy létezik néhány meglévő CSS szelektor, amelyek már használják a @ -ot, így egy kicsit megnehezíthetik a tanulási görbét.

  • 03 Sass rendelkezik iránytűvel, LESS már Preboot

    A Sass és a LESS kiterjesztések állnak rendelkezésre a mixinek integrálásához (a CSS deklarációk tárolására és megosztására egy webhelyen).

    • A Sass kompenzussal rendelkezik keverékekhez, mely tartalmazza a jövőbeni támogatással kapcsolatos minden frissítési opciót.

    • Kevesebb a Preboot.less, a LESS Mixins, a Less Elements, a gs és a Frameless. A LESS szoftvertámogatása szétszóródott, mint a Sass, ami sokféle lehetőséget kínál a kiterjesztésekre, amelyek nem mindegyike ugyanúgy működnek. A projekthez szükség lehet az összes felsorolt ​​bővítményre, hogy hasonló teljesítményt érjen el az Iránytűvel szemben.

  • 04 Kevésbé jobb hibaüzenetek, mint a Sass

    Mind a Sass-ot, mind pedig a LESS-et tesztelték abból a képességükből, hogy hibákat jelentenek a szintaxisban. A LESSnek pontosabb hibaüzenetek vannak a tesztekben, mivel a hiba helyes elhelyezéséről számoltak be.

    Valami ilyesmi megmenthet egy kis időt, amikor verejtékezne egy hibát.

  • 05 Kevésbb felhasználóbarát dokumentáció mint Sass

    A LESS dokumentáció vizuálisan vonzó és könnyebben követhető az első felhasználók számára. A Sass dokumentációnak sokkal több tudásbázis vagy wiki beállítása van.

    Ez egy olyan tény, amely fontos lehet a Sass vagy a LESS örökbefogadási arányához, mivel ez egy platform, amelyet a weboldal tervezésében használnak.