Sass un LESS preprocessors

Web izstrādātājiem ir jāzina viens vai abi preprocessori

Kokss vai Pepsi, Mac vai PC, Marvel vai DC? Katrā kopienā debates par to ir labāk. Tīmekļa dizaineriem vai izstrādātājiem šīs debates ir Sass vai mazāk.

Kas ir Sass un LESS?

Sintatiski awesome stilu lapas (Sass) un Leaner CSS (LESS) ir gan CSS preprocessori. Tās ir īpašas stilu paplašinājumi, kas padara dizainu vieglāku un efektīvāku. Gan Sass, gan LESS kompilē CSS stilu lapās, lai pārlūkprogrammas varētu tos nolasīt, kas ir nepieciešams solis, jo mūsdienu pārlūkprogrammas nevar lasīt .sass vai .less failu tipus.

Ja plānojat būt tīmekļa izstrādes pasaulē, ir ieteicams būt labi pārzinātam vienā no abiem preprocessoriem vai abiem .

Kad runa ir par to, abas ir līdzīgas. Viņi raksta CSS vienkāršāku, objektīvāku un patīkamāku. Tomēr ir dažas galvenās atšķirības. Pieci no tiem šeit ir uzskaitīti.

  • 01 Sass ir Rubī. LESS ir JavaScript

    Sass atrodas Ruby, un tai ir nepieciešams instalēt Ruby. Tas nav liels darījums, ja jums ir Mac. Tomēr tas ir ilgāks instalēšana, ja jums ir Windows mašīna.

    LESS tika izveidots Ruby kā Sass, bet tas ir pārnests uz JavaScript. Lai izmantotu LESS, jūs augšupielādējat piemērojamos JavaScript failus savā serverī vai apkopojat CSS lapas, izmantojot bezsaistes kompilatoru.

  • 02 Piešķirt mainīgos: Sass Izmanto $; LESS izmanto @

    Gan Sass, gan LESS izmanto īpašas rakstzīmes, lai piešķirtu mainīgos lielumus. Tādā veidā jums nav jāturpina ievadīt specifikācijas; jūs varat vienkārši ievadīt rakstzīmi.

    Sass ir dolāra zīme ($). LESS, tas ir simbols (@). Vienīgais negatīvie priekš LESS ir tādi, ka ir daži pašreizējie CSS atlasītāji, kas jau izmanto @, tāpēc tas var nedaudz nostiprināt mācīšanās līkni.

  • 03 Sass ir kompass, LESS ir preboots

    Sass un LESS ir pieejami paplašinājumi, lai integrētu mixins (spēja uzglabāt un koplietot CSS deklarācijas visā vietnē).

    • Sassam ir kompass, kas pieejams mixins, kas ietver visas pieejamās iespējas ar atjauninājumiem turpmākajam atbalstam.

    • LESS ir Preboot.less, LESS maisiņi, LESS elementi, gs un bezrāmja. LESS programmatūras atbalsts ir vairāk sadrumstalots nekā Sass, un tam ir daudz dažādu paplašinājumu iespēju, kas, iespējams, darbojas vienādi. Jūsu projektam, iespējams, būs nepieciešami visi uzskaitītie paplašinājumi, lai iegūtu kompasam līdzīgu sniegumu.

  • 04 LESS ir labākas kļūdas ziņas nekā Sass

    Gan Sass, gan LESS ir pārbaudīti to spēja ziņot par kļūdām sintaksē. LESS ir vairāk precīzu kļūdu ziņojumu testos, jo tajā ir ziņots par pareizo kļūdu atrašanās vietu.

    Kaut kas līdzīgs šim varētu ietaupīt mazliet laika svīšana pār drukas.

  • 05 LESS ir vairāk lietotājdraudzīgas dokumentācijas nekā Sass

    LESS dokumentācija ir vizuāli pievilcīga un vieglāk sekot pirmajiem lietotājiem. Sass dokumentācijā ir daudz vairāk zināšanu bāzes vai wiki iestatīšanas.

    Tas ir fakts, kas varētu būt svarīgs gan Sass vai LESS pieņemšanas ātrumam, jo ​​tas ir platforma, kas paredzēta izmantošanai tīmekļa vietņu dizainā.