Форма оплаты — точка, где ошибка стоит денег и попадания под PCI DSS. Разбираем, почему нельзя гонять номер карты через свой сервер и как собрать платёж на токенизации.
Компоненты обещают переиспользование и порядок, но чаще дают дерево из пятидесяти обёрток и стили, которые текут наружу. Разбираем, где проходит граница компонента и чем платишь за каждый подход.
Компоненты обещают переиспользование, но на практике превращаются в кашу из пропсов и утечек стилей. Разбираем ошибки, которые ломают компонентную архитектуру, и как их избежать.
Кнопка выглядит одинаково в трёх местах, но сломается в четвёртом. Чек-лист компонентной вёрстки: что проверить до релиза, чтобы не переписывать половину интерфейса через месяц.
Одно и то же письмо в Gmail выглядит нормально, а в Outlook разваливается на две колонки поверх друг друга. Разбираем, какие ограничения почтовых клиентов ломают привычную вёрстку и чем платить за совместимость.
Три способа отдавать страницы — сервер на каждый запрос, статика на билде или гибрид с фоновой регенерацией. Разбираем, что чем платит и когда какой брать.
Constraint Validation API даёт браузерную валидацию из коробки, но её стандартный вид отпугивает пользователей. Разбираем рабочие приёмы валидации и подачи ошибок так, чтобы форму дозаполняли, а не бросали.
За полчаса вы соберёте счётчик и список задач на Vue 3, поймёте, почему ref нужно разворачивать через .value, и научитесь передавать данные между компонентами.
Пошаговый гайд для тех, кто впервые открыл React: как собрать проект на Vite, написать первый компонент, передать данные через пропсы и завести состояние через useState. Итог — рабочий счётчик за 20 минут.
Заголовок сначала невидим, потом моргает системным шрифтом и уезжает на две строки. Разбираем, откуда берутся FOIT и FOUT, чем платит каждая стратегия font-display и как убрать layout shift.
Как выделить критический CSS для первого экрана, отложить остальные стили без мигания незастилованного контента и не сломать рендеринг на медленных соединениях.
Критический CSS обещает быстрый первый экран, но чаще ломает вёрстку и мигает нестилизованным контентом. Разбираем четыре типичные ошибки и цену каждого подхода к отложенной загрузке стилей.