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

Уеб разработчиците трябва да са запознати с един или и двата препроцесора

Кока-Кола или Пепси, Mac или PC, Marvel или DC? Във всяка общност има дебат кое е по-добро. За уеб дизайнери или разработчици , този дебат е Sass или ПО-МАЛКО.

Syntactical Awesome Stylesheets (Sass) и Leaner CSS (LESS) са CSS препроцесори. Те са специални разширения за стилове, които правят проектирането по-лесно и по-ефективно. И Sass, и LESS се компилират в CSS таблици със стилове, така че браузърите да могат да ги четат. Това е необходима стъпка, тъй като съвременните браузъри не могат да четат .sass или .less файлови типове.

Ако планирате да сте в света на уеб разработката, добра идея е да сте добре запознати с един от двата препроцесора – ако не и двата . Що се отнася до това, те имат много прилики. Те правят писането на CSS по-лесно, по-обектно-ориентирано и по-приятно. Въпреки това има няколко ключови разлики.

Sass е в Ruby, докато LESS е в Javascript

Шанън Фаган/Гети Имиджис

Sass е базиран на Ruby и изисква инсталиране на Ruby. Това не е голяма работа, ако имате Mac. Въпреки това, това е по-дълга инсталация, ако имате машина с Windows.

LESS е конструиран в Ruby, като Sass, но е пренесен в JavaScript. За да използвате LESS, трябва да качите приложимите JavaScript файлове на вашия сървър или да компилирате CSS листовете чрез офлайн компилатор.

За да присвои променливи, Sass използва '$', докато ПО-МАЛКО използва '@'

Луис Алварес/Гети Имиджис

И Sass, и LESS използват специализирани знаци за присвояване на променливи. Това е част от предимствата на използването на тези препроцесори. Не е нужно да въвеждате спецификации всеки път, когато искате да присвоите променливи. Вместо това можете просто да въведете знака.

В Sass това е знакът на долара ($). В LESS това е символът „at“ (@). Единственият недостатък на LESS е, че има няколко съществуващи CSS селектора, които вече използват @. Това усложнение може да втвърди малко кривата на обучение.

Sass има компас, докато LESS има предварително стартиране

Caiaimage/Gertty Images

Sass и LESS имат налични разширения за интегриране на миксини (способност за съхраняване и споделяне на CSS декларации в целия сайт).

Sass използва Compass за миксини, който включва всички налични опции с актуализации за бъдеща поддръжка.

LESS има Preboot.less, LESS Mixins, LESS Elements, gs и Frameless. Софтуерната поддръжка на LESS е по-фрагментирана от Sass, което води до много различни опции за разширения, които може да не функционират по един и същи начин. За вашия проект може да се наложи да използвате множество (или всички) от изброените разширения, за да репликирате производителността на Compass.

LESS има по-добри съобщения за грешки от Sass

Разван Чису/Гети Имиджис

И Sass, и LESS са тествани за способността им да съобщават грешки в синтаксиса. LESS има по-точни съобщения за грешки в тестовете – съобщава правилното местоположение на грешката. Това може да бъде полезно, когато печатна грешка дерайлира кода. ПО-МАЛКО съобщения за грешка могат да ви помогнат бързо да идентифицирате проблема.

LESS има по-удобна за потребителя документация от Sass

Hero Images/Getty Images

Документацията LESS е визуално привлекателна и по-лесна за следване от потребители за първи път. Документацията на Sass изисква или много повече основни познания, или чести кръстосани препратки с уики по време на настройката.​​

Този факт сам по себе си може да натежи сериозно върху степента на приемане на Sass или LESS.