Какие scss-фреймворки лучше всего использовать? Какие лучшие и чем?

Question

[evilelf]

Всем привет!

• Какие scss-фреймворки вы используете?
  
• И почему?
  
• Какие популярные? Почему?
  

Цель: ускорение вёрстки))) (кроссбраузерность, задание шаблона и быстрая смена его цветов и т.п.)

Всем спасибо за ответы.

Answer 1

[Роман Ахмадуллин]

Советую перейти на чистую вёрстку на основе Flexbox, если не важна поддержка старых браузеров. В общем-то, вместе с ней можно очень легко писать любые сайты даже без использования каких-либо фреймворков. И оно еще и гибче и лучше работать будет, ко всему прочему. Такие дела)

Плюс - еще один очень хороший документ, разъясняющий принципы Flexbox.

Вот на основе этих двух источников я верстаю в последнее время многие вещи, и результат меня реально радует. Даже начал подумывать о том, что в общем-то, нужда в вёрстко-фреймворках в этом подходе практически отпадает.

P.S.

А.. Либо я неверно понял вопрос автора. Надо оформить вопрос более корректно тогда. Я использую postcss по большей части, в совокупности в scss, и не использую никакие дополнительные плагины к scss.

Comments

[evilelf]

flexbox оч клёвый принцип, сам на него дёргаю) но поддержка старых браузеров, всё ещё, оч важна :(

[copal]

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

[Роман Ахмадуллин]

copal: вот здесь можете узнать текущее положение дел: caniuse.com/#feat=flexbox

[Станислав]

Очень плохо с кроссбраузерностью. Практически не будет поддерживаться на IE8-9, на Android 2.x - 'это очень много для России. Подойдет для тех, кто тяп-ляп и в продакшн, или кто умеет уговаривать клиентов, что им не нужно процентов 10-20% их аудитории, минимум.

[Роман Ахмадуллин]

андроид 2x позволяет же установить на себя какую-нибудь оперу свежую. Врятли прямо таки все пользователи используют основной браузер, ведь он вообще по многим параметрам отстаёт от остальных, не только в плане поддержки flexbox, так что не думаю, что всё настолько плохо.

Что же касается ie9 и ниже - это да, проблема. У нашего портала где-то полтора процента посетителей заходят с них, но мы лично решили на них положить, в общем.

[Станислав]

Роман Ахмадуллин: все дело в том, что это все равно значительный процент аудитории, особенно в России и странах СНГ. Это можно обойти, предлагая пользователям неподдерживаемых браузеров обновить их или же посмотреть из других, или с компьютера, в случае мобильных платформ, но это все далеко не всегда подходящий вариант для заказчика, согласитесь.

[Роман Ахмадуллин]

Станислав: ммм, кстати. Андроид от версии 2.1 тоже поддерживает flexbox модель старого стандарта, просто там это не видно. Если нажать на кнопку "Show all", то вы можете увидеть это.

То есть, если использовать postcss например, который автоматически будет расставлять корректные вендорные префиксы для старых браузеров (ну или вручную их расставлять), то вы можете с большой долей вероятности сделать корректную вёрстку даже для старых телефонов.

Надо всё это потестировать, в общем. Возможно, в итоге даже на старых телефонах оно будет отображаться нормально)

[Станислав]

Роман Ахмадуллин: ну с тем, что старые модели можно поддерживать при желании, я не спорю асболютно - я даже как бы наоборот, утверждаю, что их нужно поддерживать :) Просто выше разговор был о том, что можно забить на часть аудитории.

[Дима]

странный ответ, вопрос про сасс фреймворки, а вы про флексбокс

[Роман Ахмадуллин]

Дима: да я сначала подумал, что вопрос про бутстрап, фоундейшн и т.д. фреймворки)

Answer 2

[evilelf]

Я на время выбрал bourbon. Достаточно много миксинов.

Answer 3

[Дмитрий Христоев]

gulp + sass + jade

советую посмотреть данные видео https://www.youtube.com/playlist?list=PLqGj3iMvMa4...

Answer 4

[Максим Гатилин]

А зачем вам сторонняя библиотека? Просто с каждым макетом смотрите, что у вас повторяется, что можно оптимизировать, автоматизировать и пишите свою мини-библиотечку.У меня например шаблон на гитхабе , в который я что-нибудь добавляю после каждого проекта.

Comments

[Dmitry]

в package.json все зависимости вроде как должны быть в Dev ветке, и зачем устанавливать все таким набором команд, если можно просто npm install

[Максим Гатилин]

После npm install все плагины устанавливаются в корень и их проблемно удалять на windows