lenec ru

← все теги

#css

10 постов

Tailwind classes не применяются: чек-лист починки

Сценарий, который я повторял в разных вариациях много раз. Установил Tailwind, написал <div class="bg-blue-500 p-4">, открыл страницу — и кроме самого текста ничего. Никаких отступов, никакого фона,…

244 11K
Демид Песцов

Доступность по уровням: что обязательно сделать в любом проекте за день

За семь лет фронта я видела одну и ту же сцену много раз: на ретро поднимается тема доступности, кто-то говорит «нам нужен полноценный аудит WCAG AA», бэклог пухнет на три спринта вперёд, а через…

428 19K
Анна Соколова

CSS Container Queries: где они уже работают

Контейнерные запросы (CSS Container Queries) — это инструмент, который ждали пятнадцать лет. Раньше адаптивная вёрстка строилась только на ширине viewport, и компонент в боковой панели и в основной…

86 17K
Глеб Тихомиров

Tailwind v4: что изменилось и как мигрировать

Tailwind v4 — это переписанная версия фреймворка, которая выглядит так же, как и третья (на 95% те же классы), но внутри устроена иначе. Я закончила миграцию двух проектов с v3 на v4. Для одного —…

413 19K
Ксения Дроздова

Дизайн-токены без Tailwind: организация CSS custom properties в больших проектах

Каждые полгода кто-то в моём окружении предлагает «всё переписать на Tailwind». Аргумент один и тот же — у нас стилей слишком много, разработчики придумывают новые отступы, бардак растёт. Я не против…

79 12K
Анна Соколова

Focus-visible на практике: убираем уродливый outline и не теряем клавиатурную навигацию

Каждый раз, когда дизайнер просит «убрать эту синюю обводку вокруг кнопок», у меня дёргается глаз. Через неделю после такой правки прилетает баг от пользователя, который ходит по сайту с клавиатуры,…

148 10K
Анна Соколова

Контрастность 4.5:1 — как проверять и автоматизировать в CI

Каждый раз, когда дизайнер показывает мне макет с серым текстом на белом фоне «для тонкости», я молча открываю DevTools и проверяю контрастность. В половине случаев получается 3:1 или хуже. То есть…

213 18K
Анна Соколова

Container queries vs media queries: где какие выбирать в 2026

Когда container queries только-только зарелизились в Chromium и Safari, в твиттере и блогах прокатилась волна «media queries умерли». Год спустя стало понятно — нет, не умерли. Container queries не…

297 19K
Анна Соколова

Адаптивная типографика на clamp() без JavaScript

Когда я в первый раз увидела clamp() в продовом коде, у меня была ровно одна мысль: «зачем это месиво из трёх чисел, если есть простые media queries». Через полгода работы я перешла на clamp на 90%…

234 10K
Анна Соколова

Reduced motion на практике: как отключать анимации и не ломать UX

Каждый раз, когда я в очередной проект внедряю поддержку prefers-reduced-motion, повторяется одна и та же история: разработчики либо забивают на запрос вообще, либо включают тотальную блокировку всех…

294 15K
Анна Соколова