FrontEndDev

02 May 2026 16:30

Создаем WCAG доступный DatePicker в React

Разбираем, как собрать DatePicker по паттерну WAI-ARIA APG Date Picker Dialog: корректные роли и aria, roving tabindex, фокус ловушка, полная клавиатурная навигация и календарная сетка. Плюс практичные требования WCAG 2.1/2.2 Level AA, контрастность и обработка disabled дат без лишних зависимостей.

https://habr.com/ru/articles/1022918/

FrontEndDev

01 May 2026 16:30

SSGOI: нативные переходы между страницами как в приложении

SSGOI добавляет плавные переходы с поддержкой React, Next, Vue, Nuxt, Svelte и Angular, работая с любым роутингом. Есть готовые типы переходов и быстрая настройка через обёртки вокруг layout и страниц.

https://github.com/meursyphus/ssgoi

FrontEndDev

01 May 2026 09:30

Чем заменить !important в CSS

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

https://css-tricks.com/alternatives-to-the-important-keyword/

FrontEndDev

30 April 2026 14:50

Безопасная загрузка файлов в Node.js

Решение для защиты загрузки файлов в бэкенде: валидация, ограничения и снижение рисков вроде вредоносного контента и переполнений. Подходит для веб приложений, где важны надежность и контроль входящих данных.

github.com/pompelmi/pompelmi

FrontEndDev

29 April 2026 16:30

Что знать в JavaScript к 2026 году

Обновления ECMAScript 2025, ленивые Iterator Helpers для экономии памяти, методы для Set и RegExp.escape для безопасной сборки регулярных выражений из пользовательского ввода. В фокусе не только язык, но и то, как это применять в рантаймах, фреймворках, библиотеках и туллинге.

https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/

FrontEndDev

28 April 2026 16:30

SVGInject: внедряйте SVG inline в DOM без сборки

Небольшая библиотека заменяет img на inline svg, чтобы стилизовать любые path, circle и group через CSS, включая анимации и темную тему. Поддерживает кэширование, предотвращает конфликты ID и автоматически улучшает доступность через ARIA.

https://github.com/iconfu/svg-inject

FrontEndDev

27 April 2026 16:30

Syncpack для монорепозитория: единые версии зависимостей без рассинхрона

Syncpack помогает находить и фиксить расхождения версий в больших JavaScript монорепах, а также задавать правила для точных и loose semver диапазонов. Можно принудительно держать одну версию, банить нежелательные пакеты и автоматически обновлять зависимости, сохраняя консистентность package.json.

https://syncpack.dev/

FrontEndDev

26 April 2026 16:30

Pretext — библиотека, которая считает текстовую вёрстку в 500 раз быстрее браузера. Зачем это нужно и как работает

28 марта 2026 инженер Midjourney Cheng Lou выложил в открытый доступ движок текстовой верстки Pretext на чистом TypeScript, который обходит DOM и layout reflow. Это ускоряет сценарии с постоянными пересчётами высоты текста — от AI-стриминга до виртуализации списков.

https://habr.com/ru/articles/1020058/

FrontEndDev

25 April 2026 14:50

Как правильно реализовать кнопку Назад во Vue

Кнопка «Назад» должна возвращать по истории браузера, а не делать router.push, иначе получим дубли страниц и ловушку навигации. Разбераемся, когда использовать router.back или router.go(-1), и как добавить fallback и beforeNavigate для сложных сценариев.

https://habr.com/ru/articles/1023578

FrontEndDev

24 April 2026 14:50

Модули JavaScript в веб платформе

Добавили недостающую семантику для <script type="module">, чтобы модули корректно резолвились и исполнялись в браузере, включая нюансы загрузки и атрибутов. Параллельно прорабатываются worker modules и готовится основа для будущих динамических API подгрузки.

https://blog.whatwg.org/js-modules

FrontEndDev

23 April 2026 16:30

Dither Image Online: генератор ретро пиксельного и точечного арта в реальном времени

Быстро превращаем фото в эффект stippling и pixel art прямо в браузере, настраивая алгоритмы Bayer, Crosshatch, Halftone и Contour, а также силу, цветовые уровни и bloom. Подходит для креаторов, веб дизайнеров и тех, кому нужны легкие текстуры и точечные ассеты без долгого пайплайна.

https://ditherimage.online/

FrontEndDev

23 April 2026 09:30

Windows 95 в виде Electron приложения

Полноценная Windows 95 в десктопном приложении на Electron поверх v86 JavaScript и WASM: монтирование папок как Z: диск, ISO как CD-ROM, общий буфер обмена и улучшенный интернет. Внутри есть готовые сценарии запуска игр и DOS приложений, а также инструкция по сборке из исходников и работе с образами диска.

https://github.com/felixrieseberg/windows95

FrontEndDev

22 April 2026 09:30

Как прервать async workflow в JavaScript без отмены промисов

В JavaScript нет универсального .cancel() для Promise, поэтому для контроля потока используют подвешивание промиса, который никогда не резолвится, и GC завершает подвешенную логику. Под капотом важно понимать, почему ошибки и try/catch могут случайно проглотить прерывание, а генераторы позволяют остановить выполнение без исключений и ловушек.

https://www.inngest.com/blog/hanging-promises-for-control-flow

FrontEndDev

21 April 2026 16:30

JS Paint, пиксельный MS Paint ремейк с темами и расширениями

Пиксель-редактор в браузере с точной копией инструментов MS Paint, поддержкой прозрачности, загрузкой из URL и экспортом истории в GIF. Есть темы, тач управление, dwell clicker и speech recognition, плюс удобные расширения вроде быстрого Undo и работы с палитрами.

https://github.com/1j01/jspaint

FrontEndDev

20 April 2026 14:55

Готовим сервис к продакшену

Open-source проект в котором собраны практики уровня production на примере Node.js/NestJS API: CI/CD, rollback, миграции, observability, metrics, terraform, AWS deployment и т.д.

https://github.com/prod-forge/backend

FrontEndDev

02 May 2026 14:50

HTML в canvas: рисуем и компонуем DOM с доступностью

Предложение к использованию <canvas>, которое добавляет примитивы для layoutsubtree, drawElementImage и paint event, чтобы корректно рендерить дочерние HTML элементы в 2D и 3D canvas с согласованным fallback и hit testing. Идея закрывает боль с качеством, доступностью и экспортом контента, а также открывает путь к эффектам через WebGL/WebGPU.

https://github.com/WICG/html-in-canvas

FrontEndDev

01 May 2026 14:50

CSS subgrid для выравнивания контента из CMS без костылей

Subgrid позволяет наследовать сетку родителя и легко расширять фон и блоки на всю ширину или возвращать их обратно в основной столбец, сохраняя точное выравнивание текста. Это упрощает сложные макеты с вложенными блоками и делает верстку предсказуемой.

https://dbushell.com/2026/04/02/css-subgrid-is-super-good/

FrontEndDev

30 April 2026 16:30

Формы в Angular: от Reactive Forms к Signal Forms

Signal Forms в Angular v21 дают новый способ управления состоянием формы через сигналы, уменьшая шаблонную и компонентную разрозненность. Разберем, как мигрировать подход от FormGroup и FormArray к более предсказуемой модели и что это меняет в валидации и работе с динамическими полями.

https://habr.com/ru/companies/domclick/articles/1018180/?utm_campaign=1018180&amp;utm_source=habrahabr&amp;utm_medium=rss

FrontEndDev

30 April 2026 09:30

Делаем эмодзи и иконки доступными для скринридеров

Эмодзи и иконки в коде часто не являются настоящими изображениями, поэтому скринридер читает их буквальные названия или не находит текста. Добавляйте текстовые альтернативы, подписывайте icon-only элементы и контролируйте, чтобы смысл не терялся без визуального контекста.

https://blog.pope.tech/2026/04/01/making-emojis-and-icons-screen-reader-accessible/

FrontEndDev

29 April 2026 09:30

7 рецептов для View Transitions в CSS

Собрали готовые шаблоны анимаций для плавных переходов между страницами: от простого dissolve до более выразительных эффектов. Подходит как для практики, так и для быстрого внедрения в веб приложения с учетом prefers-reduced-motion.

https://css-tricks.com/7-view-transitions-recipes-to-try/

FrontEndDev

28 April 2026 09:30

Поддержка Solid 2.0 beta в TanStack Router, Start и Query

Solid 2.0 beta: асинхронный рендер, derived state и SSR получили новые паттерны, а TanStack Router, Start и Query остаются совместимыми. Достаточно обновить зависимости и, при необходимости, добавить solid-query, чтобы сразу получить роутинг, загрузочные состояния и data fetching в одном стеке.

https://tanstack.com/blog/tanstack-start-solid-v2

FrontEndDev

27 April 2026 09:30

Name-only контейнеры в CSS для безопасного scoped стиля

Name-only контейнеры позволяют ограничивать область действия стилей по имени без условий, решая конфликт классов в больших дизайн системах и многолетних проектах. Это ближе к тому, что дают CSS modules и scoped styles в компонентах, но с поддержкой на уровне веб платформы.

https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/

FrontEndDev

25 April 2026 16:30

View Transitions toolkit для удобной работы с продвинутыми переходами

Набор утилит для View Transitions: детект поддержки, shim для activeViewTransition, оптимизация keyframes, управление воспроизведением и автоматическая подстановка transition типов при навигации. Устанавливайте npm пакет и используйте готовые хелперы, чтобы не изобретать велосипед каждый раз при сложных анимациях.

https://www.bram.us/2026/04/02/view-transitions-toolkit/

FrontEndDev

24 April 2026 16:30

Нормализация состояния в React через Entity Registry на Zustand

Разбор паттерна Entity Registry с рекурсивным парсингом и мягкими удалениями для аккуратного UI и точечных перерендеров.

https://habr.com/ru/articles/1019110/

FrontEndDev

24 April 2026 09:30

Как правильно организовать передачу файлов через WebRTC DataChannel

Передача файлов в WebRTC зависит от многих факторов: буфер SCTP, готовность получателя, переподключения, жизненный цикл файлов. Разбираем 6 реальных проблем и практические решения для P2P с TURN fallback, чтобы прогресс и статус отправки совпадали.

https://habr.com/ru/articles/1022522/

FrontEndDev

23 April 2026 14:50

Палитра команд для UI: как победить хаос в много модульных интерфейсах

Показываем, как единая строка поиска команд по примеру VSCode резко упрощает навигацию в интерфейсах с десятками модулей и скрытыми действиями. Идея помогает уйти от инструкций вида открой слева категорию и найти нужную кнопку в бесконечных меню.

https://habr.com/ru/articles/1021812/

FrontEndDev

22 April 2026 16:30

Обфускация email адресов в 2026 году

Лучшие техники скрытия email для защиты от спам ботов: комбинируйте HTML сущности, комментарии, SVG и CSS подходы, а также учитывайте статистику по тому, что реально ломается у разных парсеров. Разбираются варианты для обычного текста и кликабельных ссылок, включая практические нюансы доступности и устойчивости.

https://spencermortensen.com/articles/email-obfuscation/

FrontEndDev

21 April 2026 17:04

Как frontend-разработчику вырасти в ЗП?

День сурка frontend-разработчика выглядит так

Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов

Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывют странными алгоритмами «на скорость».

И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

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

FrontEndDev

21 April 2026 09:30

Выбор диапазона дат в CSS с :nth-child и минимальным JS

Делаем календарь на CSS grid используя селектор :nth-child, чтобы легко подсвечивать нужные элементы. JS нужен только для логики обновления диапазона при выборе третьей даты, а не для перебора DOM.

https://css-tricks.com/selecting-a-date-range-in-css/

FrontEndDev

20 April 2026 09:30

TypeScript врёт на границе с сервером: почему нужна рантайм валидация ответов

TypeScript проверяет типы только на этапе компиляции, а в рантайме он просто доверяет тому, что вернул API. Решение это runtime-валидация через Zod, Yup или Valibot: описываете схему и сразу ловите несоответствия структуры, типов и отсутствующие поля.

https://habr.com/ru/articles/1020268/