samutin
@samutin
Начинающий WEB-программист

Как влияет на разработку использование препроцессора и постпроцессора CSS?

Здравствуйте!

Я начинающий верстальщик, писавший на чистом CSS, столкнулся с фактом существования препроцессоров и постпроцессоров. Не совсем понятно их применение, ясно только то что они неким образом улучшают жизнь. Так вот не могли бы мне объяснить вкратце чем же они облегчают жизнь и стоит ли их использовать или продолжать писать на чисто CSS?
Если поточнее:
  1. В чём разница между постпроцессорами препроцессорами?
  2. Нагружает/замедляет ли сайт их использование?
  3. Насколько способно то или иное решение ускорить разработку сайта и ускоряет ли вообще?
  4. Каким образом способно ускорить разработку? (если ускоряет)
  5. В чём различие SASS от LESS? (не лучше/хуже, а плюсы, минусы, различия и рекомендации)
  6. влияет ли back end на использование? (допустим, как вариант: используя LESS необходимо использовать некий фреймворк или библиотеку Ruby для его работы)
  7. Какие препроцессоры и постпроцессоры используете Вы и почему? (повторюсь: не лучше/хуже, а плюсы, минусы, различия и рекомендации)

Не отказался бы и от ваших личных дополнений по вопросу.

Прошу объективных рассуждений желательно подкреплённых фактами и документацией.

Заранее премного благодарен!
  • Вопрос задан
  • 1542 просмотра
Решения вопроса 2
zooks
@zooks
Frontend и Django
Если обобщенно, то становится меньше рутины - монотонных повторных действий.

Чтобы не гадать - сразу выбирай SASS в синтаксисе SCSS. Нужна скоростная реализация libSass, которую прикручиваешь к gulp. Дальше добавляешь к этому autoprefixer, который позволит забыть о ручной расстановке префиксов. Больше никаких "постпроцессоров" не надо. Но прежде чем приступить к этому шагу ты должен хорошо знать CSS.

Вот неплохая статейка для начинающих (англ.)
https://scotch.io/tutorials/getting-started-with-sass
Ответ написан
Комментировать
TMGLUK
@TMGLUK
UX-дизайнер
По моему опыту, использование препроцессоров:

  • заметно ускоряет разработку, если владеть ими
  • уменьшает качество компилированного кода
  • если код достанется в будущем тому, кто не работает с препроцессорами, то ему это доставит массу неудобств
  • Использую LESS. У SCSS больше возможностей, но он сложней
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
iCoderXXI
@iCoderXXI
React.JS/FrontEnd engineer
SASS работает на бэкенде, в браузер приходит обычный CSS.

LESS работает в браузере, стало быть накладные расходы на клиенте увеличиваются как за счет дополнительной закачки библиотеки, так и за счет ее работы.

А задачу оба подхода решают примерно одинаковую - добавить в CSS то, чего там пока нет, в частности переменные и расчеты на лету... Ну и вообще хоть на гугле, хоть на ютубе информации просто неприлично много, и можно буквально за пару дней неплохо поднатореть в теории.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы