Стоит ли использовать препроцессоры новичку?

Question

[Adderall]

Можно ли использовать новичку сахар или лучше писать на чистом?

Comments

[Иван]

если неплохо знаешь css,то да:) сам такой же новичок

[Дима Соколов]

Иван: даже если не знаешь, препроцессоры просто дополняют использование css и делают его удобнее.

Answer 1

[sim3x]

Да

Отличия от цсс чисто символические и в тоже время без лесс/сасс не получится нормально использовать бутстрап

Answer 2

[Дима Паутов]

Моё мнение - Нет! Я вообще никогда ими не пользовался. Не трогайте их. Всё, что вам нада, это лишь очень и очень хорошо изучить css. А потом, если они еще не вымрут, можете использовать, для якобы большей скорости написания стилей! Может года 2 назад, они были хороши, а сейчас бесполезны.

Персонально для тех, кто будет кококо насчёт высказывания всего лишь моего мнения, касаемо препроцессоров, вот видосик того, что я имею ввиду.

Comments

[Андрей]

Такую чушь не стыдно писать?

[gleendo]

Может года 2 назад

А что было 2 года назад?

[Astrohas]

Дима Турков это сарказм?

[andead]

Не читал, но осуждаю. Далеко пойдёте.

[dimpa91]

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

Answer 3

[Василий Назаров]

Для обучения лучше начать с совсем чистого CSS.
Когда захочется что-то оптимизировать в написании стилей - SASS/LESS сами зайдут (если не вымрут к тому времени)

Answer 4

[BB 8]

Напиши пару сайтов с применением чистого css, освой gulp, и напиши пару других сайтов на sass(не scss).

Выводы сделаешь сам.

Из личного опыта: sass - это как глоток свежего воздуха. Когда был новичком, тоже не понимал все эти препроцессоры и шум вокруг них :)

Answer 5

[zooks]

Без знания CSS препроцессоры не нужны.
Тем более пока настроишь сборщик, может отбиться все желание изучать.
Так что переходи к Sass только когда уже что-то будет получаться на чистом CSS.

Answer 6

[Froggyweb]

Для новичка в препроцессорах самое страшное миксины. Которые не дают представления что творится внутри как и всякие бутстрапы

Мне вот интересно что значит знание бутстрапа не ниже 3.серсии? Это помнить все его классы наизусть? :)

Answer 7

[Сергей Рыбаков]

Препроцессоры в своём большинстве упрощают написание кода и поддержку проекта в будущем.
Создание переменных в коде позволяет в будущем для замены гаммы элементов не изменять вручную все элементы, использующие данный цвет, а изменить значение переменной.

Так же стоит упомянуть простоту написание, например stylus позваоляте писать так

h1fs = 2em
body
  height 100vh
  width 100%
  h1
     font-size h1fs
  div
     padding 20px
     h1
        font-size h1fs

и в итоге это будет скомпилировано в

body
{
  height: 100vh;
  width: 100%;
}
body  h1
{
     font-size: 2em;
}
body  div
{
  padding: 20px;
}
body div h1
{
  font-size: 2em;
}

А вместе с ними ведь можно использовать и другие модули, например minify и сразу создавать минимальные файлы. Autoprefixer - позволит забыть о расстановке -webkit.

Конечно, с самого начала рваться в бой с ним не стоит, но стоит освоить CSS на малом/среднем уровнем и уже можно привыкать к препроцессорам.

Я из личного опыта советую stylus, но из довольно сильных в ряду стоит ещё SCSS.
В вариациях будет чистый холивар и каждый будет защищать свою позицию.

Даже этот отзыв по-большей части предвзят.
Но опять-таки по опыту: Stylus проще в изучении и стоит наравне с SCSS, пусть и молоденький ещё.