#atomic_css

2025-04-17

BEM vs Atomic CSS или картинка по номерам

Доброго времени суток. На днях читая очередную статью о том, как повысить свою эффективность в верстке и расширить кругозор возможностей, я задумался, а что сейчас в тренде? Как вы уже поняли, я начал добывать информацию о подходах. Как итог, моему изумлению не было предела, когда я понял, что за много лет почти ничего не поменялось. Для начала предлагаю разобраться, о чем статья. В данной статье я попытался свести все свои знания касающиеся использования CSS и подходов (методологий) организации CSS-кода (селекторов) и нюансов использования того или иного подхода, а также провести сравнительный анализ. Как говорил Юрий Гагарин - Поехали!

habr.com/ru/articles/901628/

#bem #atomic_css #верстка_сайтов

2024-11-05

Как сделать один плагин сразу для всех сборщиков фронтенда?

Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

habr.com/ru/articles/856028/

#webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

2024-08-04

Atomic CSS Deep Dive

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

habr.com/ru/articles/833712/

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

2023-12-04

[Перевод] Atomic CSS здорового человека. UnoCSS

Продолжение перевода статьи « Reimagine Atomic CSS » двухлетней давности одного из членов команды Vue core Anthony Fu, автора UnoCSS , в которой рассматривается уже сам UnoCSS

habr.com/ru/articles/777738/

#css #tailwind #atomic_css #windi_css #unocss

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst