Довольны ли вы тем, что предлагает functional css?

Question

[Islam Ibakaev]

Это наверное первый вопрос про functional css. Грубо говоря, это когда один класс определяет одно какое-то правило, а итоговое представление элемента определяет комбинация таких классов(типа лего).
Это выглядит примерно так, а это привычный подход(ну или почти)
Вообщем идея крутая и мне она понравилась.
Те, кто уже делал проекты, используя, например, tachyons или какой другой toolkit, что можете сказать об этом подходе? Каковы недостатки и преимущества по сравнению с привычным подходом? Я пока вижу одно преимущество - максимальное реиспользование стилей, и не вижу недостатков.
Вообщем, поделитесь опытом использования этого подхода.

p.s. как насчёт того, чтобы использовать tachyons в комбинации с bootstrap 4? Или это плохая идея?

Comments

[Сергей delphinpro]

Это вы сейчас говорите про атомарный css .
Методология годится только в качестве вспомогательной, хелперы там написать для быстрых фиксов или что-то типа такого. Если весь сайт писать в этом стиле -это же адовый ад...
Вы говорите, не видите недостатков. Но самый главный недостаток, присущий еще самому раннему html и от которого как раз призван избавить css - визуализация переносится в разметку, тогда как разметка - это в первую очередь содержание, а его стилизация отделяется и пишется в стилях. С таким же успехом можно писать стили в style="".
И вот этот недостаток напрочь перечеркивает остальные "достоинства". Коих я правда не вижу вовсе =).

Answer 1

[Александр Аксентьев]

>не вижу недостатков.
Бесконечная простыня html вас не смущает?

Какие-то сложные транзишны и анимации в одну строку не сделать - уже нарушение css простоты вроде бы.

tachyons открыл доку. Названия классов адище.
Если б я на такое наткнулся был бы в шоке.
Сможете без доки угадать как оформлен элемент?
fw1 dib ttc lh-solid

Comments

[Сергей delphinpro]

тонкий шрифт, строчный блок, содержимое центрировано и какая-то линия сплошная =)) АДЪ

[Александр Аксентьев]

Сергей: 2/4

ttc - text transform capitalize
lh-solid - line-height 1

[Ярослав Иванов]

Тянет на вопрос в "что?где?когда?"))))))))

[Islam Ibakaev]

Александр Аксентьев: если вы использовали плагин emmet синтаксис должен быть знакомым(на 70%-80% уж точно). Или вы набираете названия правил полностью(при написании css)?

Answer 2

[Егор Живагин]

Если интересна тема методологий, то вот - Холивары на Хабре .

Мне не нравится:
1 - Пока сам придумаешь все обозначения - состаришься. И забудешь их.
2 - Не дай бог, когда-нибудь другой бедняга будет поддерживать твой проект.
3 - Это что, если мне дизайнер скажет тень поменьше сделать, мне для этого новый класс пилить? Зачем? А если правки более значительные, то эт всё грозит обернуться тонной непонятного и ненужного css.

Хотя идеи у подхода здравые.

Я для себя выбрал БЭМ, как наиболее адекватную и простую методологию. НО, какие-то общие анимации, кастомизации - в отдельный класс. Ну, стандартно, .hidden, .show, .font-top, .scale, , ... Это достаточно удобно.