CSS-фреймворк для лентяев?
Публичный пост
24 апреля 2021
824
Я не умею и не люблю верстать. Когда-то в прошлой жизни любил и умел — но это были ещё девяностые, и мы делали это на таблицах и айфреймах. С тех пор каждый раз, когда я вижу HTML и CSS, моя рука тянется к пистолету, но к сожалению, делать фронт для маленьких игрушечных проектов иногда приходится.
Лет 10 назад я открыл для себя Bootstrap, и им в таких случаях и пользовался. Но он уже успел набить оскомину, да и фронт вроде не стоит на месте. Так что хочется найти что-то новое, что:
- Будет просто в использовании
- Выглядеть круто и ново
- Закрывать не-функциональные требования, о которых я могу сам и не знать
И именно из-за пункта 3 и прошу помощи сообщества: unknown unknowns пугают.
+1 к Tailwind.
Вряд ли когда-либо его возьму в заказной проект, но для личного проекта идеально.
Раскрою мысль. Tailwind идеален для проекта, где требования устанавливаешь ты сам:
Если же требования ставит другой человек, то рано или поздно случится такое:
Таilwind позволяет такое сделать, но после n таких ситуаций код получается запутаннее, чем сразу все сделать в sass, Emotion и т.п.
Ant Design пока лучший UI kit, который я юзал.
Многим нравится Tailwind, но он мне кажется плохим решением.
А так скажу, что сейчас верстка (по крайне мере в React) стала +- безболезненной, если юзать styled-components или emotion. Особенно если выделить общие компоненты в UI библиотеку по атомарному подходу.
Нравится Tailwind и Halfmoon (https://www.gethalfmoon.com)
Про https://tailwindcss.com уже упомянули, но добавлю и от себя.
У него есть свою плюсы и минусы, но для случая "маленьких игрушечных проектов" на мой взгляд это идеальное решение:
в добавок есть официальные ништяки от разработчиков:
Я сам сначала относился с сомнением к проекту, но когда попробовал мне очень понравилось - весьма ускоряет разработку небольшого проекта, когда хочется нужен чистый и приятный интерфейс и пара фунциональных компонентов, а тащить громоздкий ui kit не хочется
Мне https://bulma.io зашла, изучается легко, выглядит свежо
Вот список можете посмотреть https://github.com/troxler/awesome-css-frameworks
Я пользуюсь Bulma, но там есть недостаток—размер бандла получается большой, нет нормальной минификации из коробки как в tailwind.
https://milligram.io/ хорошо стилизует дефолтные элементы html.
Вообще рекомендую вам под каждый свой игрушечный проект искать готовый uikit подходящий по стилю. https://themeforest.net/tags/ui kit
ребята спасибо за тред и tailwind. ант конечно хорош, но тут похоже топчик на N лет вперед.
Мне зашло вот этот
https://spiderpig86.github.io/Cirrus/