Scss sass less с чего начать?

Question

[Frostik12]

В чем собственно разница? Недавно начал заниматься веб-разработкой. Посоветуйте, что выбрать?

Comments

[Pavlenty0]

Их следует использовать для более-менее больших сайтов, где много кода. Вот тогда они вам и пригодятся.
Для небольших проектов они вам не нужны.

[Ankhena]

Сначала имеет смысл научиться писать обычный CSS.
Научиться распознавать "что такое хорошо и что такое плохо". Какие решения хорошие и красивые, а какие пахнут не очень.

По дороге научиться гуглить.
Нагуглить разницу между препроцессорами.
Выбрать.

[Ankhena]

Bavashi, случайно, видимо не нужно три раза повторять одно слово.

[Ankhena]

Bavashi, а еще есть слово "соответственно", это вообще ахтунг.

P.S. А в целом, Sass же лучше, да? Если в общем случае?

Лучше это субъективно. Возможностей больше. А когда и кому они нужны, это вопрос индивидуальный.
После того, как бутстрап перешел с less на sass, популярность первого сильно снизилась.

Однажды мой студент выбирал препроцессор и выбрал less. Сказал, что он лучше потому что до @ тянутся пальцем удобнее, чем до $.

Вот против чего я конкретно возражаю, так это против синтаксиса sass.
При работе в нормальном редакторе экономия на скобках не стоит времени, потраченного на поиск ошибки из-за неверного движения мышки и сбитого отступа. Еще в своем свежем коде куда ни шло. А в том, где побывал кто-то еще.. нет.

Answer 1

[Алекс Глебов]

scss бери, можно писать обычный css и постепенно добавлять фишки препроцессора.
sass - синтаксис без скобок, на любителя.
less умирает.

Comments

[twoone]

Поддерживаю. Хочу ещё добавить, что сам когда-то выбирал между sass и scss и изначально склонился к первому, подкупило отсутствие скобок и точек с запятой. Но поверьте, это минус, а не плюс. Нельзя писать многострочный код, который необходим для гридов. Скобки, помимо удобного разграничения кода и перехода по ним в ide, также помогает писать обратно совместимый с css код, что редко, но бывает нужно. Особенно подобное требуется при работе с react, angular, vue, поскольку для них существуют места в которых препроцессор практически невозможно засунуть.

Кроме того читал совет что новичкам не нужен препроцессор. Это враки! Сразу учитесь писать правильный востребованный код. не слушайте подобные советы никогда.

[Одиночка Айс]

twoone, я не знаю ПДД, посадите меня в танк

[twoone]

Одиночка Айс, вы о чем? Типа нужно знать css чтобы писать на scss? Чушь! Подумайте над этим сами.

[Одиночка Айс]

twoone, не зная языка, браться за фреймворк, да-да, слышали мы таких

[twoone]

Одиночка Айс, лично вас переубеждать не буду. Автору советую прислушаться и потом самому рассудить кто был прав.

Answer 2

[Vladislav]

SCSS и Sass по сути один препроцессор, но с разным синтаксисом, мне нравится Sass, юзал сам и SCSS, Sass, Less, Stylus. Less и SCSS синтаксисически похожи, мой совет тебе используй Sass

Comments

[s5656]

А чем Stylus плох? Я сколько ни пробовал -- он мне больше всего понравился, но непонятно почему, про него вообще все забыли.

[Vladislav]

s5656, тем, что stylus переборщил с упрощением кода

[s5656]

Vladislav, а можно чуточку подробней?
Да, там можно писать без скобок и прочих символов, но это не обязательно. Стандартный CSS код является валидным Stylus кодом. То есть эти упрощения просто регламентируются.
Я лично использую Stylus как CSS+дополнительные возможности для избавления от копипаста, очень удобно делать БЭМ блоки.

Answer 3

[Павел Ловцевич]

Начни с CSS и подумай, для чего тебе нужны препроцессоры?

Переменные? Они есть в CSS и гораздо более мощные!

Циклы? А ты уверен, что они нужны для создания стилей интерфейсов?

Нестинг? Подключи postcss-preset-env и пиши на синтаксисе, который станет спекой.

В 2020-м году рекомендую разобраться с SASS/SCSS, чтобы уметь работать с чужой кодовой базой, которая скорее всего будет написана с их использованием.

Для своих же проектов рекомендую использовать чистый CSS, приправленный postcss-preset-env для поддержки новых возможностей языка (nesting, custo....

Answer 4

[Kirill Makarov]

Бери scss