FrontEndDev

01 June 2026 16:30

OpenSkills CLI для Anthropic skills во всех AI coding агентах

Один CLI инструмент переносит skills систему Anthropic в любые агенты, которые умеют читать AGENTS.md, включая Claude Code, Cursor, Windsurf, Aider и Codex. Ускоряет настройку контекста и делает поведение агента предсказуемым.

https://github.com/numman-ali/openskills

FrontEndDev

31 May 2026 16:30

Jest 30.4.0 сильный релиз для тестирования JavaScript

Jest 30.4.0 улучшает поддержку ESM, добавляет акценты вокруг Temporal и лучше работает с React 19, чтобы тесты были стабильнее и ближе к реальному окружению.

https://github.com/jestjs/jest/releases/tag/v30.4.0

FrontEndDev

30 May 2026 14:50

Современный шаблон админки на React TypeScript и shadcn ui

Готовый лендинг и админский интерфейс с React, TypeScript, Vite, Next.js, Tailwind и shadcn ui v3, который удобно форкать и быстро адаптировать под свой продукт.

https://github.com/shadcnstore/shadcn-dashboard-landing-template

FrontEndDev

29 May 2026 15:06

Почему я больше не цепляю все подряд в JavaScript

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

https://allthingssmitty.com/2026/04/20/why-i-dont-chain-everything-in-javascript-anymore/

FrontEndDev

29 May 2026 09:30

Build-time микрофронтенды, или как упростить поддержку витрин

Build-time микрофронтенды через npm-пакеты помогают собрать разные фичи в единое приложение на этапе сборки, сохраняя SSR и SEO без переезда на новый фреймворк.

https://habr.com/ru/companies/ru_mts/articles/1034374/

FrontEndDev

28 May 2026 14:50

Таймауты сессии как скрытый барьер доступности в аутентификации

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

https://www.smashingmagazine.com/2026/04/session-timeouts-accessibility-barrier-authentication-design/

FrontEndDev

28 May 2026 09:30

Конец эпохи responsive images: value auto для sizes

Атрибут sizes с auto делает разметку адаптивных изображений заметно проще и убирает главный источник боли при подборе значений, а пользователи получают более незаметную и потенциально более быструю загрузку.

https://piccalil.li/blog/the-end-of-responsive-images/

FrontEndDev

25 May 2026 11:47

GemShell: превращаем HTML5 игры в нативные приложения

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

https://gemshell.dev

FrontEndDev

21 May 2026 15:52

33 ключевых концепта JavaScript для глубокого понимания

Пошаговый гайд по JavaScript core с примерами, диаграммами и проверками знаний: от scope и closures до event loop, async и DOM. Подходит для прокачки знаний и подготовки к интервью, плюс есть удобная документации.

https://33jsconcepts.com/

FrontEndDev

06 May 2026 16:30

WebSocket и SSE просто для собеседований и не только

Разбираем, чем отличаются двусторонний WebSocket и однонаправленный SSE, как устроены их рукопожатия и как правильно открывать соединения в браузере. Коротко разложено по событиям, отправке данных и обработке обрывов, чтобы уверенно отвечать на вопросы на интервью.

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

FrontEndDev

05 May 2026 16:30

Ленивая загрузка видео и аудио в HTML уже стандарт

Ленивая загрузка в HTML для видео и аудио стала доступной через loading=lazy и помогает откладывать скачивание медиа до момента появления в вьюпорте. Разберем практики вроде poster, autoplay и сохранения размеров через width height или aspect-ratio, чтобы избежать layout shift и лишнего трафика.

https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today

FrontEndDev

05 May 2026 09:30

Google начнет наказывать за back button hijacking

С 15 июня 2026 сайты, которые перехватывают кнопку назад и ломают ожидаемую навигацию, попадут под спам-действия или автоматические понижения в выдаче. Проверьте скрипты, библиотеки и рекламные интеграции, которые могут подменять историю браузера и отправлять пользователя на непосещенные или навязанные страницы.

https://developers.google.com/search/blog/2026/04/back-button-hijacking

FrontEndDev

04 May 2026 09:30

Скринридеры это не тестовый инструмент для проверки WCAG

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

https://yatil.net/blog/screen-readers-are-not-testing-tools

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 June 2026 09:30

Wakaru: разбор минифицированных JavaScript бандлов на модули

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

https://github.com/pionxzh/wakaru

FrontEndDev

30 May 2026 16:30

Массивы, объекты и теперь composites

Composites решают боль с сравнением объектов и использованием их как ключей: две структуры с одинаковыми данными считаются равными даже при разном порядке ключей. Это практичный шаг в сторону более надежной работы с составными значениями в JavaScript.

https://frontendmasters.com/blog/arrays-objects-now-composites/

FrontEndDev

29 May 2026 16:30

Проверьте, готов ли ваш сайт для AI агентов

Сканируйте сайт по 5 категориям: discoverability, доступность контента, контроль доступа для ботов, обнаружение протоколов вроде MCP и OAuth, а также агентская коммерция. Начните с быстрых улучшений: корректный robots.txt с правилами для AI, sitemap директивы и полезные discovery заголовки или метаданные на главной.

https://isitagentready.com/

FrontEndDev

29 May 2026 14:50

Почему я больше не цепляю все подряд в JavaScript

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

https://frontendmasters.com/blog/why-i-dont-chain-everything-in-javascript-anymore/

FrontEndDev

28 May 2026 16:30

От ASCII-арт до Markdown и Typst: как современные форматы делают документацию в Git удобной для людей и IDE

Markdown остаётся стандартом для инженерной документации, потому что исходник читается без рендера, а структура хранится рядом с кодом. Разбираются причины роста Markdown, зачем нужен Typst и как внедрять просмотр сложных форматов на вебе через WebAssembly.

https://habr.com/ru/companies/sberbank/articles/1024454/

FrontEndDev

28 May 2026 12:00

Как измерить рост производительности команды от внедрения ИИ. Бесплатный урок курса «Руководитель команд в ИТ»

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

На открытом уроке 3 июня в 20:00 разберём, как руководителю команды подходить к внедрению ИИ не на уровне ощущений, а через измеримые показатели. Поговорим об условиях успешного внедрения, способах оценки производительности команды, поиске эффекта именно от ИИ, а не от случайных факторов, и расчёте экономической эффективности. Отдельно обсудим, какие требования стоит выполнить до внедрения, чтобы потом не гадать, помог ИИ или просто добавил ещё один слой инструментов.

Урок не для тех, кто внедряет ИИ «потому что все так делают», не готов считать эффект и хочет заменить управленческие решения покупкой новых лицензий.

👉 Записаться: https://otus.pw/EVZS/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

FrontEndDev

27 May 2026 18:30

Диапазоны медиа-запросов CSS

Range queries в CSS 4 делают адаптивные стили читаемыми и предсказуемыми: вместо ловушек с одинаковыми breakpoints используйте выражения вида 300px <= width <= 500px и ускоряйте отладку ваших макетов.

https://ishadeed.com/article/range-syntax/

FrontEndDev

22 May 2026 13:43

Как собрать кубик Рубика в браузере на чистом Canvas

Пошаговый туториал по созданию 3D кубика на Canvas без Three.js: от проекции и вращения граней до перехода к полноценной интерактивной симуляции, которую можно крутить прямо в браузере.

https://habr.com/ru/companies/ruvds/articles/1035748

FrontEndDev

07 May 2026 09:30

Компонентная библиотека под ваш проект

Доступные компоненты для Astro и Tailwind CSS, которые добавляются через CLI и остаются под вашим контролем. Быстрый старт с npx bearnie init и дальнейшая настройка, расширение и сборка своей библиотеки.

https://bearnie.dev/

FrontEndDev

06 May 2026 09:30

Внутри нового фронтенда MDN

Пересобрали фронтенд MDN: упростили дизайн и переработали кодовую базу, чтобы уменьшить технический долг и улучшить поддержку интерактивных элементов без тяжелой клиентской логики. Разбираем архитектуру сборки из Markdown в JSON и SSR, а также причины отказа от React-обертки и проблем с CSS и поддерживаемостью.

https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

FrontEndDev

05 May 2026 12:33

Митапы — это, конечно, круто и полезно. Но что может быть лучше открытой дискуссии с коллегами о наболевшем? ☑️

AvitoTech тут зовёт на классный ивент для фронтендеров. Обещают полтора часа дискуссий на самые разные темы: от роста фронтенд-инженера в тимлида до ванильного JS. И вишенка на торте — афтерпати на веранде ☄️

Всё пройдёт вечером 19 мая, так что погода не должна подкачать. Регистрация, кстати, по ссылке.

FrontEndDev

04 May 2026 16:30

Baseline март 2026: 12 браузерных фич, которые уже можно брать в прод

В марте 2026 появилось много Widely available возможностей, включая Clear-Site-Data для управляемого сброса кэша и хранилищ, а также новые CSS и WebAPI.

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

FrontEndDev

03 May 2026 16:30

Автогенерация skeleton экранов из реального UI

Boneyard автоматически снимает разметку и генерирует pixel-perfect скелеты без ручных замеров и подгонок, поддерживает React, Vue, Svelte 5, Angular, Preact и React Native. Используйте CLI или Vite plugin, а затем подключайте registry для быстрых и консистентных загрузочных состояний.

https://github.com/0xGF/boneyard

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/