Available now! Telegram Research 2025 — the year's key insights 
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📈 Analytical overview of Telegram channel FrontEndDev
Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 26 479 subscribers, ranking 5 149 in the Technologies & Applications category and 25 129 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 479 subscribers.
According to the latest data from 10 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -148 over the last 30 days and by 1 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 10.61%. Within the first 24 hours after publication, content typically collects 6.44% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 810 views. Within the first day, a publication typically gains 1 706 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 13.
- 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 11 June, 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.
26 479
Subscribers
+124 hours
-327 days
-14830 days
Posts Archive
26 481
Новые возможности CSS multi-column в Chrome 145
Chrome 145 добавил column-height и column-wrap, которые превращают много колонок из горизонтального скролла в вертикальный 2D поток с более естественным UX. Полезно для блоков фиксированной высоты, газетных макетов и даже вертикальной пагинации с scroll-snap, но поддержка пока только в Chrome 145+.
https://css-tricks.com/css-multi-column-layout-wrapping-features/
26 481
Intl API для форматирования дат, чисел и валют без библиотек
Intl позволяет форматировать даты, время, числа, списки и текст с учетом локали пользователя прямо в браузере, без добавления килобайт в бандл и без парсинга JS. Разбираем ключевые API вроде Intl.DateTimeFormat, Intl.NumberFormat и Intl.RelativeTimeFormat и типичные ограничения, чтобы не пытаться использовать Intl для вычислений.
https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/
26 481
Crashcat: физический движок на JavaScript для игр, симуляций и креативных веб проектов
Crashcat добавляет реалистичную физику в фронтенд. Пакет написан на чистом JavaScript и хорошо подходит для интеграции с Babylon.js, Three.js и собственными движками, поддерживая tree shaking.
https://github.com/isaac-mason/crashcat
26 481
Паттерны Two Pointers и HashMap для задач на собеседовании
Разбираем два базовых паттерна для решения типовых задач: Two Pointers с двумя указателями и HashMap для подсчёта, группировки и быстрого поиска за один проход. На примерах вроде Valid Palindrome и First Unique Character видно, как паттерны помогают не тратить время на лишние подходы и сразу приходить к оптимальному решению.
https://habr.com/ru/articles/1020222
26 481
Как превращать дизайнерские требования в архитектуру UI-компонента
Разбираем, как переводить макеты и сценарии в технические требования: что отдавать UI-компоненту, что вынести в правила композиции, а что оставить бизнес-логике. На примере UIKIT показываем, где лучше держать поведение декларативным через типизацию, а где управлять состояниями в рантайме.
https://habr.com/ru/companies/moysklad/articles/1020848
26 481
Предзагрузка картинок в браузере через JavaScript
Предзагрузка через new Image помогает заранее прогреть HTTP cache и быстро показать картинку без задержек, а также получить размеры до рендера. Разберитесь, когда этот подход ломается из-за Cache-Control и как подбирать стратегию под требования вашего приложения.
https://habr.com/ru/companies/timeweb/articles/1020138
26 481
9 CSS лайфхаков для более дружелюбного пользовательского опыта
Собрали в одном месте практичные CSS приемы: адаптивные фоновые изображения через image-set, удобная валидация форм с :user-valid и :user-invalid, а также безопасные анимации на transform чтобы не ловить лишние перерисовки. Эти техники помогают сделать интерфейсы заметнее, быстрее и понятнее без привязки к конкретным фреймворкам.
https://habr.com/ru/companies/ruvds/articles/1018112/
26 481
Wiretext инструмент для юникодных wireframe диаграмм
Wiretext рендерит макеты как символы для рисования, поэтому wireframe и схемы можно быстро собирать в тексте и легко шарить без картинок. Поддерживаются слои, боксы и подписи, удобно для прототипов и документации интерфейсов.
https://wiretext.app/
26 481
Wiretext инструмент для юникодных wireframe диаграмм
Wiretext рендерит макеты как символы для рисования, поэтому wireframe и схемы можно быстро собирать в тексте и легко шарить без картинок. Поддерживаются слои, боксы и подписи, удобно для прототипов и документации интерфейсов.
https://wiretext.app/
26 481
Радио стейт-машина в CSS
Если UI нужно переключать между несколькими визуальными режимами без JS, радио state machine на базе input type radio и селекторов позволяет держать логику прямо рядом с разметкой. Разбираем подход, который заменяет checkbox hack, когда состояний больше двух и важна чистая управляемость интерфейса.
https://css-tricks.com/the-radio-state-machine/
26 481
Моя коллекция полезных HTML-фич
Набор практичных HTML-атрибутов и приёмов для ускорения загрузки и декодирования изображений, корректной локализации текста для скринридеров и удобного отключения интерактивных элементов без костылей. Подойдёт тем, кто хочет прокачать фронтенд на уровне разметки и легко внедрить улучшения в существующие проекты.
https://habr.com/ru/companies/ruvds/articles/1021090
26 481
Сидеть и работать в корпорации — страшно, жизнь-то мимо проходит. Уходить строить бизнес — страшно, а вдруг прогорит. Один из вариантов — разрабатывать свой пет-проект по вечерам. Многие успешные компании, например, Twitter, создавались именно так. Это не значит, что ваш проект обязательно заработает миллиарды, но заработать больше, чем в найме, и получить ценный опыт — вполне реально.
Перед началом разработки появляется множество вопросов, например:
– Как выбрать идею для пет-проекта?
– Что нужно знать про маркетинг?
– Как запуститься и довести до первых продаж не имея бюджета на рекламу?
В телеграм-канале «Твой пет проект», Михаил Табунов делится своим опытом с разработчиками и менеджерами.
Он рассказывает, где искать идею для нового проекта, что нужно знать о маркетинге, как запустить стартап и привлечь первых 10 клиентов, а также о многих других важных вещах.
Подписывайтесь на «Твой пет проект», получайте пользу от практиков рынка!
26 481
Руководство по SVG фильтрам
Познакомимся с SVG фильтрами и посмотрим на их базовые возможности
https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/
26 481
GitHub - privatenumber/minification-benchmarks: 🏃♂️🏃♀️🏃 JS минфикация в цифрах
Сравнение популярных JS-minifier’ов (SWC, oxc-minify, esbuild, terser, uglify-js, SWC и др.) по размеру после minify и скорости работы: что реально даёт меньший bundle и быстрее ли именно на практике. Отличный ориентир перед выбором инструмента для production-сборок.
https://frontendfoc.us/link/181948/web
26 481
Inspira UI: open-source компоненты для анимированных интерфейсов на Vue и Nuxt
Библиотека готовых компонентов для создания живых UI-эффектов: анимации, примеры и гибкая кастомизация через Tailwind. Отличный старт, чтобы быстрее собрать интерфейс и подстроить его под дизайн-проекты.
https://frontendfoc.us/link/181906/web
26 481
requestAnimationFrame для плавных анимаций
requestAnimationFrame помогает синхронизировать UI-обновления с кадром рендера: меньше дрожания, меньше фризов и стабильнее тайминг. Разберём разницу с setTimeout, момент выполнения в пайплайне браузера (INP/next paint) и где уместны альтернативы вроде scheduler.yield, postTask и requestIdleCallback.
https://frontendfoc.us/link/181902/web
26 481
Ценность z-index: как перестать жить «магическими числами»
z-index управляет порядком наложения UI-элементов, но в больших командах быстро превращается в хаос: числа растут, конфликты и отладка усложняются. Разбираем, почему это происходит, как связаны значения и stacking context, и как спасти проект через стандартизацию уровней наложения.
https://frontendfoc.us/link/181892/web26 481
Repost from Web Stack
Три причины раздувания зависимостей в JavaScript
Разбираем три типовых источника dependency bloat: поддержка древних рантаймов, защита от мутаций глобального окружения и кросс realm значения, из за которых в npm деревьях копятся лишние микропакеты. Узнаем, как начать чистить дерево без поломок.
https://43081j.com/2026/03/three-pillars-of-javascript-bloat
26 481
focusgroup в HTML: декларативная навигация стрелками без роувинг-tabindex
focusgroup — атрибут, который добавляет arrow-key навигацию для составных виджетов (toolbar, tablist, menu и т.д.) без ручной настройки tabindex. В браузере остаются только ваши прикладные состояния, а направление (RTL/вертикальные письма), и восстановление фокуса берёт на себя платформа.
https://frontendfoc.us/link/181886/web
26 481
Нативные JSON-модули наконец-то заработали по-настоящему
Теперь JSON можно импортировать как полноценные ES-модули:
import config from "./config.json" with { type: "json" }. Разбор происходит на runtime, включается стандартный кэш ESM и исчезают лишние трансформации/loader’ы — а сборщики становятся опциональными.
https://allthingssmitty.com/2026/03/16/native-json-modules-are-finally-real/