Бесконечный скролл кажется современнее нумерованных страниц, но ломает возврат к товару, память браузера и SEO. Разбираем четыре подхода на конкретных задачах: каталог, лента новостей, поиск, админка.
Бесконечный скролл кажется современнее, но ломает возврат к товару, глубокую ссылку и SEO. Разбираем, какой подход к списку выбрать под конкретную задачу и чем платит каждый.
Прогресс-бар при загрузке файла ломается там, где его не ждут: fetch не даёт события прогресса, а прыгающий процент — это не баг сети, а особенность буфера. Разбираем частые ошибки и рабочие приёмы.
Прогресс-бар на fetch не работает при аплоаде, а на 2-гигабайтном файле браузер съедает память и отваливается по таймауту. Разбираем, что проверить до релиза.
fetch не умеет отдавать прогресс аплоада штатно, XMLHttpRequest умеет, а поверх обоих — сторонние библиотеки и presigned-загрузки в облако. Разбираем, что выбрать под конкретную задачу и чем платишь за каждый вариант.
Собрать поле для номера карты вручную — значит попасть под полный объём требований PCI DSS. Разбираем три способа принять оплату во фронтенде и считаем, чем платишь за каждый.
Платёжная форма может терять клиентов из-за одного неверного события, лишнего поля или двойной отправки. Разбираем практические приёмы для браузерного интерфейса: валидацию, состояния кнопки, ошибки, редиректы и защиту данных.
Форма оплаты — точка, где ошибка стоит денег и попадания под PCI DSS. Разбираем, почему нельзя гонять номер карты через свой сервер и как собрать платёж на токенизации.
Компоненты обещают переиспользование и порядок, но чаще дают дерево из пятидесяти обёрток и стили, которые текут наружу. Разбираем, где проходит граница компонента и чем платишь за каждый подход.
Компоненты обещают переиспользование, но на практике превращаются в кашу из пропсов и утечек стилей. Разбираем ошибки, которые ломают компонентную архитектуру, и как их избежать.
Кнопка выглядит одинаково в трёх местах, но сломается в четвёртом. Чек-лист компонентной вёрстки: что проверить до релиза, чтобы не переписывать половину интерфейса через месяц.
Одно и то же письмо в Gmail выглядит нормально, а в Outlook разваливается на две колонки поверх друг друга. Разбираем, какие ограничения почтовых клиентов ломают привычную вёрстку и чем платить за совместимость.