Различия между препроцессорами Sass и LESS
Адаптивная вёрстка: гриды или флексы, что круче Less или Sass и другие вопросы
Оглавление:
- Что такое Sass и LESS?
- 01 Sass в Ruby, а LESS в Javascript
- 03 У Sass есть компас, а у LESS есть предварительная загрузка
- 04 LESS имеет лучшие сообщения об ошибках, чем Sass
- 05 LESS имеет более удобную документацию, чем Sass
Кокс или Пепси, Mac или ПК, Marvel или DC? В каждом сообществе есть спор о том, что лучше. Для веб-дизайнеров или разработчиков такие дебаты - Sass or Less.
Что такое Sass и LESS?
Синтаксически Awesome Stylesheets (Sass) и Leaner CSS (LESS) являются препроцессорами CSS. Это специальные расширения таблиц стилей, которые делают проектирование проще и эффективнее. И Sass, и LESS компилируются в таблицы стилей CSS, чтобы браузеры могли их читать, что является необходимым шагом, потому что современные браузеры не могут читать типы файлов.sass или.less.
Если вы планируете быть в мире веб-разработки, неплохо бы разбираться в одном из двух препроцессоров - или в обоих.
Когда дело доходит до этого, оба похожи. Они делают написание CSS более простым, более объектно-ориентированным и более приятным. Тем не менее, есть несколько ключевых отличий.
01 Sass в Ruby, а LESS в Javascript
И Sass, и LESS используют специальные символы для назначения переменных. Таким образом, вам не нужно постоянно вводить спецификации; Вы можете просто ввести символ.
В Sass это знак доллара ($). В МЕНЬШЕ это символ at (@). Единственным недостатком LESS является то, что есть несколько существующих CSS-селекторов, которые уже используют @, так что это может немного усложнить кривую обучения.
03 У Sass есть компас, а у LESS есть предварительная загрузка
У Sass и LESS есть расширения для интеграции миксинов (возможность хранить и обмениваться объявлениями CSS по всему сайту).
У Sass есть Compass, доступный для mixins, который включает в себя все опции, доступные с обновлениями для будущей поддержки.
У LESS есть Preboot.less, LESS Mixins, LESS Elements, gs и Frameless. Программная поддержка LESS более фрагментирована, чем Sass, что приводит к множеству различных вариантов расширений, которые могут работать не одинаково. Для вашего проекта вам могут потребоваться все перечисленные расширения, чтобы получить аналогичную производительность Compass.
04 LESS имеет лучшие сообщения об ошибках, чем Sass
И Sass, и LESS были протестированы на способность сообщать об ошибках в синтаксисе. У LESS есть более точные сообщения об ошибках в тестах, в которых сообщается правильное местоположение ошибки.
Нечто подобное может сэкономить немного времени, потея из-за опечатки.
05 LESS имеет более удобную документацию, чем Sass
Документация LESS визуально привлекательна и проще для начинающих пользователей. Документация Sass имеет гораздо больше базы знаний или настройки вики.
Это факт, который может быть важен для скорости принятия Sass или LESS, поскольку это платформа, предназначенная для использования в дизайне веб-сайтов.
Различия между мягкими и тяжелыми новостями
Жесткие новости часто относятся к новостям, которые охватывают 5W, или последние новости, и существуют в противовес мягким новостям.
Различия между главным и помощником куратора
Узнайте разницу между начальником и помощником куратора и узнайте, как они играют решающую роль в успехе художественного музея.
Различия между VFW и Американским легионом
Прочитайте историческую справку Американского легиона против ветеранов иностранных войн (VFW), требования к членству и участие сообщества.
