
Скорость загрузки страницы: что реально влияет на метрики
LCP растёт до 4 секунд, а вы минифицируете CSS и не понимаете, почему ничего не меняется. Разбор того, что действительно двигает метрики загрузки, а что — карго-культ.

LCP растёт до 4 секунд, а вы минифицируете CSS и не понимаете, почему ничего не меняется. Разбор того, что действительно двигает метрики загрузки, а что — карго-культ.

Анимация меняет left и margin — и на скролле начинаются рывки, а на мобильном браузер съедает батарею. Разбираем, почему это происходит на уровне рендер-конвейера и как удержать 60 fps.

Utility-классы Tailwind экономят время на типовых интерфейсах, но раздувают разметку и создают дубли на сложных компонентах. Разбираем, где каждый подход выигрывает и чем платит.

Перед выкатом темы на кастомных свойствах стоит проверить каскад, фолбэки, тему по prefers-color-scheme и совместимость с SSR. Разбираем, что ломается чаще всего и как это поймать до пользователя.

Кастомные свойства CSS, Sass-переменные и генераторы токенов решают одну задачу по-разному. Разбираем, что выбрать для тёмной темы, ветвления брендов и синхронизации с дизайном.

Как связать дизайн-токены с CSS custom properties так, чтобы тема переключалась без перезагрузки, а мёртвые значения не размножались по проекту. Разбираем подходы и их цену.

Почему блок вылезает за контейнер, минимальный размер игнорирует ваши проценты, а колонки не выравниваются. Разбираем ошибки вёрстки на Grid и Flexbox и как их чинить.

За полчаса вы соберёте рабочую форму обратной связи: разметка на HTML, проверка полей средствами браузера и аккуратное оформление на CSS. Без JavaScript и без фреймворков.

Ссылка — самый частый элемент на любой странице, но именно на ней ломаются доступность, безопасность и внешний вид. Разбираем, как оформить ссылку правильно и чем платит каждый подход.

Один тег img и одно свойство object-fit решают большинство задач с картинками на сайте. Разбираем, что вписать в разметку и стили, чтобы изображения не растягивались и не тормозили загрузку.

Как собрать маркированный, нумерованный и вложенный список, убрать точки для меню и не сломать разметку. Пошагово, с проверкой на каждом шаге.

Почему таблица ломает мобильную вёрстку, не держит sticky-заголовок и растягивает страницу горизонтально — и как это чинить без хаков.