FrontEndDev

requestAnimationFrame для плавных анимаций requestAnimationFrame помогает синхронизировать UI-обновления с кадром рендера: меньше дрожания, меньше фризов и стабильнее тайминг. Разберём разницу с setT

Вредная веб графика: как разработчики раздувают вес страниц Оптимизация изображений часто упирается в неправильный формат и отсутствие конвертации: PNG там, где достаточно JPEG, и игнорирование WebP

GitHub - privatenumber/minification-benchmarks: 🏃‍♂️🏃‍♀️🏃 JS минфикация в цифрах Сравнение популярных JS-minifier’ов (SWC, oxc-minify, esbuild, terser, uglify-js, SWC и др.) по размеру после minif

Как чинить Dropdown-меню внутри скролл-контейнеров Когда dropdown оказывается в блоке с overflow, он может обрезаться, “уезжать” при прокрутке или прятаться под соседними слоями. Разбираем причины по

TypeScript врёт на границе с сервером: почему нужна рантайм валидация ответов TypeScript проверяет типы только на этапе компиляции, а в рантайме он просто доверяет тому, что вернул API. Решение это r

Astro 6 с обновленным dev сервером и API для шрифтов Astro 6 ускоряет разработку за счет запуска точного production runtime в dev, улучшает поддержку Cloudflare и добавляет встроенный Fonts API, CSP

Masonry на Flexbox: раскладываем элементы по строкам с точной математикой Разбираем, как Flexbox распределяет свободное место между flex-элементами (grow/shrink), чтобы собрать “мозаичный” layout из

Signal Forms в Angular: быстрый старт Сигнальные формы в Angular заменяют ручную синхронизацию состояния формы и данных на декларативную модель через FieldTree и FieldState, где изменения напрямую об

Динамические toggletip с anchored container queries Anchored container queries в Chrome 143+ позволяют определять активную fallback позицию и автоматически переключать caret у подсказки в зависимости

Как прервать async workflow в JavaScript без отмены промисов В JavaScript нет универсального .cancel() для Promise, поэтому для контроля потока используют подвешивание промиса, который никогда не рез