Какие препроцессоры лучше использовать в связке HTML CSS?

Question

[ValeraValera]

Что перспективнее всего изучать для Front-end в плане препроцессоров для HTML и CSS ?
На данный момент остановился на Jade and Sass , правильно ли я думаю ?
Хотелось бы знать мнение профи.
Сам начального уровня , но подошел к осознанию того что стандартные вещи отнимают много времени. А на рынке столько технологий что черт ногу сломит.

Answer 1

[Денис Инешин]

Для HTML можно ничего не использовать, это обычно лишнее. А для CSS, LESS/SASS буквально обязателен сегодня.

Answer 2

[Андрей Саныч]

Абсолютно не вижу смысл использовать Jade, так как есть Emmet. А для CSS обязательно и мегаудобно использовать LESS/SASS

Comments

[Danila]

jade - это шаблонизатор в первую очередь, а не красивый синтаксис. Его используют по тем-же причинам что и препроцессоры - это переменные, миксины, циклы, шаблоны и т.д. Думаю не стоит объяснять почему сравнивать его с Emmet глупо?

[Сергей delphinpro]

Шаблонизатор в верстке оч удобно использовать. Вот есть на странице модуль на странице из 20 иконок с подписью. Я просто пишу один цикл, а не копипасту 20 раз

<div class="block">
    <div class="block__body">
        <div class="icons">
            {% for icon in icons %}
                <div class="icons__item">
                    <div class="icons-item">
                        <a class="icons-item__icon" href="#">
                            <img class="icons-item__image" src="{{ icon.image }}" alt="{{ icon.title }}">
                        </a>

                        <div class="icons-item__title">{{ icon.title }}</div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>

[Александр]

Данила: Расскажите ка в связке с чем вы его используете, gulp?

[Danila]

Александр: jade (его официально переименовали в "pug"), sass, postcss и сборка на галпе

Answer 3

[devstudent]

каждый вибирает по вкусу, но при необходимости следует потребностям проекта и пожеланиям заказчиков

Answer 4

[Nikolay Talanov]

Html препроцессоры - бяка.
В большинстве нормальных проектов вам не придется заниматься какой-то копипастой, ибо будет шаблонизация и компоненты. А для прототипирования хватает Emmet.
Для css естественно scss. Ну или stylus если вам очень нравится его специфический синтаксис и отсутствие строгих правил.