🚨 NEWS: Componenti Tailwind Riutilizzabili — @apply o Componenti Puri per Codice che Non Impazzisce

Ecco i punti chiave in breve:
💡 Perché i componenti Tailwind ti salvano (e quando invece ti affogano)
Hai appena finito un sito con Tailwind. 700 righe di HTML. Ogni bottone è un clone di classi: px-6 py-3 bg-blue-600 text-white rou...

🚀 LINK: https://meteoraweb.com/design-web-comunicazione/componenti-tailwind-riutilizzabili-at-apply-o-componenti-puri-per-codice-che-non-impazzisce

#tailwindCss #utilityFirst #componentiRiutilizzabili #@apply #modularità

[Перевод] Как совместить утилиты и рукописный CSS в атомарном подходе?

Всем здравствуйте, дорогие читатели! Меня зовут Рамазан, я Frontend-разработчик, энтузиаст и я люблю исследовать грани возможностей современных Web-технологий. В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.

https://habr.com/ru/articles/990428/

#atomic_css #mlut #tailwindcss #css #cssфреймворк #cssанимации #верстка #sass #utilityfirst

Atomic CSS Deep Dive

Здравствуйте, товарищи! Меня зовут Валик и в этой статье мы поговорим про подход Atomic CSS в верстке, разработку инструментов и смежные темы. Кратко вспомним базу - почему Atomic CSS. Рассмотрим популярные решения для работы в этом подходе и сравним их с моим изобретением - mlut . Разберем проблемы известных инструментов и посмотрим, как я решил их в своем. Будут интересные архитектурные решения, технические детали и немного хардкора. Те, кто занимается версткой, смогут по-другому взглянуть на Atomic CSS и, возможно, взять в работу новый инструмент. А те, кто пишет системный код и тулинг - получить вдохновение и перенять нестандартный опыт.

https://habr.com/ru/articles/833712/

#atomic_css #tailwind #css #mlut #utilityfirst #верстка #html #sass #javascript #бэм

Tailwind vs BEM — 2 (архитектура)

Статья рассматривает возможные задачи верстки на разных проектах и как с ними справляются две разные архитектуры: Tailwind CSS и ванильный CSS + BEM.

https://habr.com/ru/articles/774814/

#tailwind #tailwindcss #tailwind_css #bem #css #utilityfirst