Utility-классы Tailwind экономят время на типовых интерфейсах, но раздувают разметку и создают дубли на сложных компонентах. Разбираем, где каждый подход выигрывает и чем платит.
Перед выкатом темы на кастомных свойствах стоит проверить каскад, фолбэки, тему по prefers-color-scheme и совместимость с SSR. Разбираем, что ломается чаще всего и как это поймать до пользователя.
Кастомные свойства CSS, Sass-переменные и генераторы токенов решают одну задачу по-разному. Разбираем, что выбрать для тёмной темы, ветвления брендов и синхронизации с дизайном.
Как связать дизайн-токены с CSS custom properties так, чтобы тема переключалась без перезагрузки, а мёртвые значения не размножались по проекту. Разбираем подходы и их цену.
Почему блок вылезает за контейнер, минимальный размер игнорирует ваши проценты, а колонки не выравниваются. Разбираем ошибки вёрстки на Grid и Flexbox и как их чинить.
За полчаса вы соберёте рабочую форму обратной связи: разметка на HTML, проверка полей средствами браузера и аккуратное оформление на CSS. Без JavaScript и без фреймворков.
Ссылка — самый частый элемент на любой странице, но именно на ней ломаются доступность, безопасность и внешний вид. Разбираем, как оформить ссылку правильно и чем платит каждый подход.
Один тег img и одно свойство object-fit решают большинство задач с картинками на сайте. Разбираем, что вписать в разметку и стили, чтобы изображения не растягивались и не тормозили загрузку.
Как собрать маркированный, нумерованный и вложенный список, убрать точки для меню и не сломать разметку. Пошагово, с проверкой на каждом шаге.
Почему таблица ломает мобильную вёрстку, не держит sticky-заголовок и растягивает страницу горизонтально — и как это чинить без хаков.
За полчаса соберём три рабочих кнопки: обычную, кнопку-ссылку и disabled-состояние. Разберём, чем button отличается от div, и как не сломать доступность.
Пять способов задать один и тот же цвет в CSS дают разный результат при наведении, в тёмной теме и при расчёте контраста. Разбираем, какой формат выбрать под задачу.