Coca-Cola чи Pepsi, Mac чи PC, Marvel чи DC? У кожній спільноті точаться дискусії щодо того, що краще. Для веб-дизайнерів або розробників, ця дискусія Sass або LESS.
Синтаксично 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 використовує '$', а LESS використовує '@'
І Sass, і LESS використовують спеціалізовані символи для призначення змінних. Це частина переваг використання цих препроцесорів. Вам не потрібно постійно вводити специфікації кожного разу, коли ви хочете призначити змінні. Замість цього ви можете просто ввести символ.
У Sass це знак долара ($). У LESS це символ "at" (@). Єдиним недоліком LESS є те, що є кілька існуючих селекторів CSS, які вже використовують @. Це ускладнення може трохи скрутити процес навчання.
Sass має Compass, а LESS має Preboot
Sass і LESS мають доступні розширення для інтеграції mixins (можливість зберігати та ділитися оголошеннями CSS на сайті).
Sass використовує Compass для міксинів, які включають усі доступні опції з оновленнями для майбутньої підтримки.
LESS має Preboot.less, LESS Mixins, LESS Elements, gs і Frameless. Підтримка програмного забезпечення LESS є більш фрагментованою, ніж Sass, що призводить до появи багатьох різних варіантів для розширень, які можуть не всі працювати однаково. У вашому проекті вам може знадобитися використовувати кілька (або всі) перерахованих розширень, щоб відтворити продуктивність Compass.
LESS має кращі повідомлення про помилки, ніж Sass
І Sass, і LESS були перевірені на їх здатність повідомляти про помилки в синтаксисі. LESS має точніші повідомлення про помилки в тестах — він повідомляє правильне місце помилки. Це може стати в нагоді, коли помилка друку руйнує код. МЕНШЕ повідомлення про помилки можуть допомогти вам швидко визначити проблему.
LESS має більш зручну документацію, ніж Sass
Документація LESS є візуально привабливою та легшою для читання новим користувачам. Документація Sass вимагає або набагато більше базових знань, або частих перехресних посилань на вікі під час налаштування.
Цей факт сам по собі може сильно вплинути на рівень впровадження Sass або LESS.