FrontEndDev
Open in Telegram
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
Show more
Network:📈 Analytical overview of Telegram channel FrontEndDev
Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 25 555 subscribers, ranking 5 221 in the Technologies & Applications category and 25 433 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 555 subscribers.
According to the latest data from 28 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -293 over the last 30 days and by -14 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 9.60%. Within the first 24 hours after publication, content typically collects 5.79% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 454 views. Within the first day, a publication typically gains 1 479 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 12.
- Thematic interests: Content is focused on key topics such as css, api, интерфейс, html, frontend.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“🚀 Статьи, новости, туториалы по frontend разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai
Читать на парковке: https://max.ru/front_end_dev
Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G”
Thanks to the high frequency of updates (latest data received on 29 October, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
25 555
Subscribers
-1424 hours
-787 days
-29330 days
Posts Archive
25 555
Repost from 🦜 on the web
Начинаем открывать адвент календари.
Ежегодный адвент-календарь о web performance: новые статьи, практики оптимизации, case-studies от инженеров крупных компаний.
https://calendar.perfplanet.com/2025/
Адвент-календарь с анти-паттернами HTML, забавными (и полезными) примерами того, как *не* стоит верстать. Каждый день — новая статья.
https://htmhell.dev/adventcalendar/
Самый популярный адвент-календарь по алгоритмам и программированию: ежедневно выходят интересные задачки разных уровней сложности.
https://adventofcode.com/
Ежедневные снипеты о современной CSS-разработке.
https://cssadventcalendar.dev
Адвент-календарь, посвящённый accessibility: практики, паттерны и методы создания доступных интерфейсов.
https://manuelsanchezdev.com/advent-2025
25 555
WebGPU теперь официально поддерживается всеми основными браузерами.
Этот мощный API предоставляет прямой доступ к функциям GPU, значительно улучшая графику, 3D-моделирование и ускоряя задачи машинного обучения прямо в браузере
https://web.dev/blog/webgpu-supported-major-browsers?hl=en
25 555
VK Apps & Games Dev Night: подведение итогов VK Dev Grants и ключевые обновления VK Mini Apps в одном мероприятии
Команда VK проведёт встречу для разработчиков 13 декабря в Санкт-Петербурге. На ней расскажут о планах развития платформы, представят новые возможности и подведут итоги грантового конкурса.
Коротко о содержании:
• продуктовые и технические новости VK Mini Apps
• планы на ближайшее будущее
• раскроем ключевые показатели платформы
• награждение победителей VK Dev Grants и активных участников сообщества
• нетворкинг и вечеринка в атмосфере кинопремии.
Можно посетить очно, также доступно и онлайн участие. Регистрируйся и участвуй
25 555
Heat.js — легкая библиотека для отображение heatmap
Heat.js — это миниатюрная JS-библиотека без зависимостей, которая позволяет рендерить интерактивные heatmap.
Весит всего 2.5 KB и идеально подходит для визуализации активности пользователей, плотности кликов или любых геоданных без тяжёлых фреймворков.
https://www.william-troup.com/heat-js/
25 555
Как создавать 3D изображения на CSS
Создаем иллюзию глубины с помощью слоев, смещенных по оси z и наложения фильтров. Такой подход позволяет делать интерактивные карточки без использования WebGL или Canvas.
https://frontendmasters.com/blog/how-to-create-3d-images-in-css-with-the-layered-pattern/
25 555
Создаем адаптивное расписание с помощью CCS Grid
Как использовать subgrid, mod() и round() для точного позиционирования элементов и адаптации к различным размерам сессий. Плюс несколько советов для улучшения UX для таблиц.
https://9elements.com/blog/building-a-multi-stage-timetable-with-modern-css-using-grid-subgrid-round-and-mod
25 555
Влияние AI на фронтенд: предстоящее событие Yet Another Frontend Night от Яндекса
Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Встреча полностью посвящена практическому использованию нейросетей во фронтенд-разработке. Специалисты Яндекса расскажут о последних тенденциях: какие AI-решения внедрены, как изменился жизненный цикл разработки и с какими трудностями приходилось сталкиваться на практике.
Темы экспертов Яндекса:
— Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов
— Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось
— Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready
— Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли
— Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают
Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого
Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется.
Регистрация и подробная программа
25 555
Релиз Ant Design v6
Плавное обновление для пользователей v5, не требующее инструментов миграции, с минимальной версией React 18+. Основные улучшения включают полную поддержку CSS-переменных, семантическую структуру компонентов и прекращение поддержки IE.
https://github.com/ant-design/ant-design/issues/55804
25 555
SVAR React File Manager – компонент для управления файлами в React
Удобный компонент, представляющий полный набор функций файлового менеджера, включая операции с файлами, различные режимы просмотра, поиск, сортировку и предпросмотр. Совместим с React 19, поддерживает TypeScript.
https://svar.dev/blog/react-filemanager-released/
25 555
Упорядочиваем CSS-анимации: как превратить хаос в предсказуемую систему
Разрозненные keyframes приводят к разрастанию кода и непредсказуемому поведению из-за глобальной области видимости.
Использование keyframes в качестве динамических токенов с CSS-переменными позволяет создать единую, поддерживаемую и доступную систему анимаций.
[Краткий пересказ]
https://smashingmagazine.com/2025/11/keyframes-tokens-standardizing-animation-across-projects/
25 555
Оптимизация веб-анимаций: полный гайд по производительности от S-Tier до F-Tier
Подробное описание работы конвейера рендеринга браузера, которое поможет вашим анимациям стать максимально плавными и отзывчивыми. Узнайте, какие CSS-свойства безопасно анимировать на GPU, а каких действий следует избегать из-за их влияния на основной поток.
[Краткий пересказ]
https://motion.dev/blog/web-animation-performance-tier-list
25 555
Принципы программирования для разработчиков-самоучек
Набор проверенных принципов, которые помогут вам писать более понятный и поддерживаемый код, фокусируясь на действиях, а не на абстрактных правилах.
Вы узнаете о «правиле трех», подходе «сначала работает, потом правильно, потом быстро», а также принципах идемпотентности, единой ответственности и одного уровня абстракции.
[Краткий пересказ]
https://piccalil.li/blog/programming-principles-for-self-taught-front-end-developers
25 555
Стримим данные с помощью Vercel AI SDK
Практическое руководство по созданию интерфейсов для общения с AI в реальном времени в Next.js: потоковая передача текста и создание UX в стиле ChatGPT.
https://blog.logrocket.com/nextjs-vercel-ai-sdk-streaming/
25 555
🛠Разбор внутренних механизмов React: как работает обновление UI и почему некоторые компоненты перерисовываются, а другие нет? Открытый вебинар от эксперта OTUS проходит на основе курса «React.js Developer», который стартует совсем скоро!
🗓 18 ноября, 20:00 — «Уровень PRO: движок React. Fiber, Reconciliation и искусство осознанной оптимизации»
- Под капотом React: Virtual DOM и Fiber Architecture
- Принцип обновления интерфейса и Reconciliation
- Практические советы по производительности и мемоизации
⚡️ Прокачайте навыки React на бесплатном вебинаре. Региструйтесь по ссылке: https://otus.pw/VQd8/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
25 555
Полное руководство по <input type="number">
Как использовать элемент <input type="number"> в HTML: от настройки атрибутов min, max, step, до работы с .valueAsNumber, кастомизации кнопок инкремента/декремента и клавиатуры на мобильных устройствах.
https://olliewilliams.xyz/blog/guide-to-html-number-input/
25 555
Визуальная отладка геймпадов: как сделать невидимый ввод видимым с помощью CSS-слоев
Отладка Gamepad API - настоящая боль: отсутствие обратной связи, куча числовых данных. Вот пример визуального обработчика, который может быть полезен для проектов с Gamepad API.
https://smashingmagazine.com/2025/11/css-gamepad-api-visual-debugging-css-layers/
25 555
HTML и CSS антипаттерны
Несколько примеров подходов, которые лучше не использовать при разработке.
https://habr.com/ru/companies/ruvds/articles/961740/
25 555
Создаём 3D слайдер с реактивно меняющимся фоном
Для его реализации используется двухслойная архитектура: DOM-элементы для 3D-карточек и Canvas для мягкого градиентного фона, который динамически извлекает цвета из активного изображения.
https://tympanus.net/codrops/2025/11/11/building-a-3d-infinite-carousel-with-reactive-background-gradients/
25 555
Создаём генеративные CSS миры
Как создавать полноценные 3D-пространства в браузере, используя комбинацию стековых сеток и 3D-трансформаций CSS
Краткий пересказ
https://tympanus.net/codrops/2025/11/10/crafting-generative-css-worlds/
25 555
♥ Опенсорс в действии: Yandex Open Source Jam feat. SourceCraft
24 ноября в Москве и онлайн пройдёт конференция Yandex Open Source Jam feat. SourceCraft о коде, науке и людях, делающих открытые проекты.
В программе: экспо-зона с активностями от SourceCraft и обсуждения про науку, карьеру и опенсорс. Там расскажут про то, как ведущие платформы обеспечивают безопасность, как превратить опенсорс-разработку в полноценную работу и зачем open source современным наукам и данным.
Адрес: Урбан, Большая Новодмитровская, 36с24 (м. Дмитровская)
Участие бесплатное, нужна регистрация
