Sass и помалку препроцесори

Веб програмерите треба да бидат запознаени со еден или двајцата препроцесори

Кока-Кола или Пепси, Мек или компјутер, Марвел или ДЦ? Во секоја заедница постои дебата за тоа што е подобро. За веб-дизајнери или развивачи, таа дебата е Сас или Помалку.

Што се Sass и помалку?

Синтактички Прекрасни стилски листови (Sass) и Leaner CSS (LESS) се претприемачи на CSS. Тие се специјални наставки за стилови кои го прават дизајнирањето полесно и поефикасно. Двете Sass и LESS се компилираат во стилски листови за CSS, така што прелистувачите можат да ги прочитаат, што е неопходен чекор, бидејќи современите прелистувачи не можат да читаат .sass или .less типови на датотеки.

Ако планирате да бидете во светот на веб развој, добра идеја е да бидете добро обучен во еден од двата препродавачи - или и двете .

Кога се сведува на тоа, и двата се слични. Тие го прават пишувањето CSS поедноставно, повеќе објектно-ориентиран, и повеќе пријатно искуство. Сепак, постојат неколку клучни разлики. Пет од нив се наведени овде.

  • 01 Сас е во Руби. ПОМАЛКУ е во JavaScript

    Сас е со седиште во Руби, и бара инсталација на Руби. Ова не е голема работа ако имате Mac. Сепак, подолг е инсталацијата ако имате машина со Windows.

    LESS е изграден во Руби како Сас, но е пренесен во JavaScript. Со цел да користите LESS, ги ставате важечките JavaScript фајлови на вашиот сервер или ги компилирате листовите на CSS преку офлајн компајлер.

  • 02 За да доделите променливи: Sass користи $; ПОМАЛКУ користи @

    Двете Sass и LESS користат специјални знаци за да доделуваат променливи. На овој начин вие не мора да продолжите да внесувате спецификации; можете само да го внесете карактерот.

    Во Sass, тоа е знакот за долар ($). Во LESS, тоа е симболот (@). Единствената лоша работа за LESS е дека постојат неколку постоечки CSS селектори кои веќе користат @, така што малку може да ја заострува кривата на учење.

  • 03 Сас има компас, ПОМАЛКУ има прескокни

    Sass и LESS имаат екстензии достапни да ги интегрираат mixins (способноста за складирање и споделување на CSS декларации низ една страница).

    • Sass има компас достапен за mixins, кој ја вклучува секоја опција која е достапна со ажурирања за идна поддршка.

    • ПОМАЛКУ има Preboot.less, LESS Mixins, LESS Elements, gs и Frameless. Поддршката за софтверот LESS е повеќе фрагментирана од Sass, што резултира со многу различни опции за екстензии кои можеби не функционираат на ист начин. За вашиот проект, можеби ќе ви требаат сите наведени екстензии за да добиете слична претстава за Compass.

  • 04 ПОМАЛКУ има подобри пораки за грешки отколку Сас

    И Sass и LESS биле тестирани за нивната способност да пријавуваат грешки во синтаксата. ПОМАЛКУ има попрецизни пораки за грешки во тестовите со тоа што објави точна локација на грешката.

    Нешто како ова би можело да заштеди малку време со потење во текот на грешка.

  • 05 ПОМАЛКУ има повеќе корисник-пријателска документација од Сас

    Документацијата LESS е визуелно привлечен и полесно да се следи за првпат корисници. На Sass документацијата има многу повеќе од база на знаење или вики подесување.

    Ова е факт кој би можел да биде важен за усвојувањето на Sass или LESS, бидејќи тоа е платформа дизајнирана за употреба во дизајнот на веб-сајтови.