#37 Atomic CSS и Tailwind: отличный стек для масштабируемой вёрстки

В этом выпуске мы поговорили с Валентином Ульяновым — software engineer / JavaScript-разработчик из Р7.Разобрали, как сам язык CSS за последние годы превратился в полноценный инструмент для создания сложных интерфейсов — без необходимости подключать тяжеловесные фреймворки. Валентин объяснил, почему CSS сегодня — это уже не просто «оформление», а настоящая платформа, способная решать задачи логики, адаптивности и масштабируемости.Поговорили о современных возможностях языка: контейнерные запросы, логические свойства, кастомные переменные, scoped-стили и многое другое. Обсудили, как эти инструменты влияют на производительность, упрощают архитектуру проектов и позволяют возвращаться к более чистому и понятному фронтенду.Этот выпуск будет полезен как тем, кто только начинает путь в интерфейсной разработке, так и опытным разработчикам, которые хотят переосмыслить свой стек и открыть для себя новые грани CSS. Полезные ссылки: t.me/blog150 150.lv - сайт (там все остальное) github.com/mr150/mlut - open source проект - mlut. Инструмент для верстки с подходом Atomic CSS. habr.com/ru/articles/833712/;
<ul><li>() - Почему CSS — это больше, чем просто стили?
</li>
<li>() - Взрывное развитие: как браузеры прокачали CSS
</li>
<li>() - Контейнерные запросы: новый уровень адаптивности
</li>
<li>() - Псевдоселектор has: смотрим на родителя иначе
</li>
<li>() - Сила переменных: CSS, который подстраивается под вас
</li>
<li>() - Каскадные слои: упорядочиваем хаос в проектах
</li>
<li>() - Гриды: станут ли они новой базой лейаута?
</li>
<li>() - CSS как язык программирования?
</li>
<li>() - Препроцессоры: жива ли эпоха Sass и Less?
</li>
<li>() - Модульность и миксины: что даёт современный Sass
</li>
<li>() - Автопрефиксы: прошлый век или всё ещё незаменимы?
</li>
<li>() - Пять методов написания стилей: выберите свой путь
</li>
<li>() - Почему CSS-модули так популярны?
</li>
<li>() - Готовые библиотеки: благословение или проклятие?
</li>
<li>() - PrimeReact + Bootstrap: секрет сочетания
</li>
<li>() - Atomic CSS: почему все заговорили об этом?
</li>
<li>() - Разбираемся на примерах: что такое атомарный подход
</li>
<li>() - Рост HTML против снижения CSS: где золотая середина?
</li>
<li>() - Порог вхождения: насколько тяжело освоить атомарные стили?
</li>
<li>() - Сокращаем и оптимизируем: техники атомарного CSS
</li>
<li>() - Алиасы: тайное оружие против «CSS-простыней»
</li>
<li>() - Atomic CSS в реальных проектах: где подвох?
</li>
<li>() - Обёртки над Tailwind: спасение для больших команд
</li>
<li>() - Новая кастомизация в Tailwind 4
</li>
<li>() - Готовые UI-киты: риск зависеть от чужого кода
</li>
<li>() - Typed CSS: будущее уже наступает?
</li>
<li>() - Джит-движки: вырезаем лишнее, ускоряем сайт
</li>
<li>() - G-движок и классические шаблонизаторы: сложности интеграции
</li>
<li>() - Описание утилит в конфиге: новая гибкость MLA и Tailwind
</li>
<li>() - Tailwind и MLA для сложных кейсов
</li>
<li>() - Автокомплит и валидация: где взять эти фишки в Atomic CSS
</li>
<li>() - Когда CSS не нужен вовсе
</li>
<li>() - Нужно ли делить фронтенд и верстку?
</li>
<li>() - Веб-компоненты: жизнь без фреймворков?
</li>
<li>() - 15 миллионов строк кода: как живут большие продукты</li>
</ul>

<a href="boosty.to/mokevnin">★ Support this podcast ★</a>

#37 Atomic CSS и Tailwind: отличный стек для масштабируемой вёрстки | Валентин Ульянов

Kapitelklicken springt direkt hin

Shownotes