Не так давно начал заниматься веб-разработкой, и вот дошло дело до выбора CSS-фреймворка. Так как фреймворков довольно много, а я пока не разбираюсь во всех тонкостях, то хотелось бы услышать ваше мнение, какой CSS-фреймворк подошел бы лично мне.
Что мне нужно: по большей части, фреймворк мне нужен, чтобы упростить возню с адаптивным дизайном. Поэтому, для меня в приоритете - сетки, позиционирование и всё, что относится к категории layout.
Я пробовал Bootstrap. Но мне не нравится тот факт, что все стандартные элементы приходится переделывать под себя. То есть, я не пользуюсь всей этой кучей стилей, которые прописаны Bootstrap'ом по умолчанию. В итоге, большая часть Bootstrap'а просто весит мертвым грузом. Как выход - удалять ненужный код?
Также я пробовал TailwindCSS. Мне он понравился больше, так как не задает элементам ненужные мне дефолтные стили. Мне не нужно ничего переделывать под себя. Стили всех элементов я (как и хочу) прописываю сам.
Но есть также и Foundation, Skeleton, Bulma, Materialize... может, мне больше подойдет, что-то из этого?
P.S. и еще... как новичок хотелось бы узнать следующее. Про Foundation говорят, что он прям супер-супер для адаптивной верстки и mobile-first. А в чем заключается его превосходство над остальными фреймворками в плане адаптивной верстки?
Bootstrap 4 целиком и полностью сделан из модулей SCSS. Просто открываете его основной файл и по аналогии включаете нужные модули. Потом в свои классы включаете миксины Bootstrap. Лишние не включаете.
zorca, согласен. Кроме того, с SCSS можно переопределять практически все параметры перед подключением нужных модулей своими переменными. И миксины Bootstrap очень полезные при разработке, больше всего нравится отвечающие за респонсивность.
Если изучаешь разметку, учи html 5, если изучаешь стилизацию css3, (бутстрап- это вообще мертвая тема) . Не шаблонизаторы учить надо а технологию или язык.
Шаблонизаторы и фреймворки меняются, язык остаётся. Работаю в крупной компании b2b разрабатываю платформу, на обсуждение было принято брать готовые material UI компоненты чтоб сократить время, есть подробная документация ничего учить в принципе не нужно, а вот когда доходит дело до того чтоб изменить их поведение и добавить стилей тут чистый css3. Вот и все. Работал в банке разрабатывал дбо и срм системы, везде css3, html5, js или ts требуется, писал на реакте я не знал вообще его за год освоил на достаточно высоком уровне. Если технологию знаешь тебя везде примут.
Понравился Tailwindcss, смогли в нём разобраться ? Ну и используйте его смело, всё остальное будет шагом назад.
Разве что с bootstrap4 ознакомьтесь, в будущем наверняка будут попадаться сайты на этой вёрстке, надо им владеть, чтобы мочь там что-то быстро поправить.
А для себя tailwindcss. Ну и параллельно учите css, чтобы понимать, как всё работает.
Bootstrap вроде имеет SaaS миксины, их можно подключать и использовать в отрыве от css самого врейворка, на выходе все скомпилируется в удобочитаемый css
Простой
