en
Feedback
FrontEndDev

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
CSS @container scroll-state: заменяем JS подписку на скролл Новая функция @container scroll-state позволяет CSS напрямую реаг
CSS @container scroll-state: заменяем JS подписку на скролл Новая функция @container scroll-state позволяет CSS напрямую реагировать на положение элемента в его скролл-контейнере, заменяя тяжеловесные JS подписки. https://blog.logrocket.com/css-container-scroll-state/

Новые реактивные формы в Angular: Signal Forms API. Это экспериментальное API, представленное в Angular 21, позволяет создава
Новые реактивные формы в Angular: Signal Forms API. Это экспериментальное API, представленное в Angular 21, позволяет создавать типобезопасные формы с автоматической реактивностью и меньшим количеством шаблонного кода. Разработчики смогут гибко настраивать валидацию, управлять состояниями полей и легко встраивать кастомные контролы. https://habr.com/ru/companies/tbank/articles/1000906

Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах. Этот псевдокласс определяет близос
Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах. Этот псевдокласс определяет близость указателя к элементу, открывая возможности для условного отображения элементов, а также для оптимизации предзагрузки контента. https://css-tricks.com/potentially-coming-to-a-browser-near-you/

Плохие практики, которые часто встречаются в современной вёрстке. В статье разбираются распространённые ошибки, от отсутствия
Плохие практики, которые часто встречаются в современной вёрстке. В статье разбираются распространённые ошибки, от отсутствия альтернативного текста у интерактивных элементов до некорректного скрытия контента и неправильной работы с анимациями https://habr.com/ru/companies/ruvds/articles/995784

20 платформ для дизайн-референсов, которые выходят за рамки Dribbble. Cписок предлагает 20 платформ, где можно найти не тольк
20 платформ для дизайн-референсов, которые выходят за рамки Dribbble. Cписок предлагает 20 платформ, где можно найти не только красивые картинки, но и реальные пользовательские пути, видеозаписи, файлы Figma, код компонентов и лучшие практики для создания функциональных интерфейсов. https://jsdevspace.substack.com/p/20-design-reference-platforms-beyond

Курс по основам сетей https://www.youtube.com/watch?v=fQbBPa0ADvs
Курс по основам сетей https://www.youtube.com/watch?v=fQbBPa0ADvs

Почему статические сайты возвращаются и чему они научились. Статические сайты снова актуальны: они предлагают зрелую архитект
Почему статические сайты возвращаются и чему они научились. Статические сайты снова актуальны: они предлагают зрелую архитектуру, способную решать до 90% задач быстрее, дешевле и безопаснее, чем тяжёлые бэкенды. Они научились взаимодействовать с динамическим контентом через API и обновляться мгновенно благодаря инкрементальной сборке, минимизируя затраты на поддержку. https://habr.com/ru/articles/1000610

Вакансия Senior Frontend Developer /// Steper Привет! Мы Steper — сервис для создания сценариев с привязкой к ботам в различных соцсетях и автоматизацией цепочек действий: от запуска задачи до её решения. Мы ищем Senior Frontend Developer. Проект напоминает что-то среднее между n8n.io и bothelp.io. 🛠 Стек: TypeScript, Vue 3 (опыт от 2 лет), Git (будет плюсом знание Node.js) 👩‍💻 Гибридный формат (удаленка, ищем кандидата из Москвы) 📌 Что делать: ▫️Разрабатывать интерфейсы платформы ▫️Проектировать и улучшать UI/UX, делать продукт удобным для бизнеса ▫️Работать над компонентами и архитектурой фронтенда. ▫️Участвовать в проектировании общей логики продукта и интеграций, включая AI-модули в сценариях. 📌 Важно: ▫️Писать качественный и современный код, но без чрезмерного увлечения велосипедами ▫️Уметь самостоятельно принимать решения по разработке продукта, а не ждать подробных ТЗ 📌 Что предлагаем: ▫️ЗП: от 300 000 ₽/мес на руки ▫️7-часовой рабочий день + 1 час обед ▫️Гибридный график работы (редкие встречи в Москве с командой) ▫️Оплата коворкинга и подписок на полезные сервисы (обсуждается) ▫️Возможность влиять на продукт и принимать ключевые решения ▫️Работа в небольшой продуктовой команде и участие в развитии проекта Откликнуться: https://forms.yandex.ru/u/698d68d35056902e746570d5/

Обработка видео в web с помощью WebCodecs Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без сервер
Обработка видео в web с помощью WebCodecs Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без серверной обработки. https://www.sitepoint.com/video-processing-in-browser-with-Web-Codecs

Как одно эмодзи замедлило приложение в 100 раз. Невероятный баг, который приводил к задержке в 1600 мс на каждом этапе отрисо
Как одно эмодзи замедлило приложение в 100 раз. Невероятный баг, который приводил к задержке в 1600 мс на каждом этапе отрисовки в Safari, был вызван одним эмодзи из-за использования шрифта Noto Color Emoji. https://frontendfoc.us/link/180511/web

UI паттерны для асинхронных процессов и фоновых задач Как создавать интуитивно понятные интерфейсы для фоновых задач и конвей
UI паттерны для асинхронных процессов и фоновых задач Как создавать интуитивно понятные интерфейсы для фоновых задач и конвейеров данных, чтобы пользователи не теряли контроль и понимали, что происходит в приложении. https://blog.logrocket.com/ui-patterns-for-async-workflows-background-jobs-and-data-pipelines/

Развлекаемся с TypeScript дженериками Используем продвинутые возможности дженериков, условные типы и перегрузку функций, чтоб
Развлекаемся с TypeScript дженериками Используем продвинутые возможности дженериков, условные типы и перегрузку функций, чтобы создавать строго типизированные утилиты. https://frontendmasters.com/blog/fun-with-typescript-generics/

Создание адаптивной пирамиды с помощью современного CSS. Делаем сложный адаптивный макет с гексагональными элементами, исполь
Создание адаптивной пирамиды с помощью современного CSS. Делаем сложный адаптивный макет с гексагональными элементами, используя передовые возможности CSS Grid и математические вычисления. https://css-tricks.com/making-a-responsive-pyramidal-grid-with-modern-css/

Друзья! Один из наших подписчиков вместе с командой запустил open source CSS-фреймворк mlut [млат]. mlut помогает верстать пр
Друзья! Один из наших подписчиков вместе с командой запустил open source CSS-фреймворк mlut [млат]. mlut помогает верстать проекты с нешаблонным дизайном, где не подходят фреймворки старой школы и плохо справляются LLM. mlut похож на Tailwind, поскольку основан на подходе Atomic CSS, но по некоторым параметрам превосходит аналоги. Ключевые особенности mlut 1. Краткий и строгий нейминг — cокращения основаны на популярности свойств CSS и составлены по единому алгоритму. 2. Богатый и нативный синтаксис 3. Написан на Sass. Позволяет использовать всю мощь препроцессора для связи рукописного CSS и утилит На сегодня уже реализованы генератор утилит, CLI с минификацией и автопрефиксером, плагины для сборщиков и онлайн-песочница. А также есть обширная документация, плюс готовится серия уроков совместно с HTML Academy (тут первый). Проект активно развивается в сторону добавления фич для сложной верстки и интеграции с IDE. Недавно ребята запустили проект на ProductRadar, поэтому все желающие могут его поддержать и оставить фидбек, который очень важен для команды!

Я 💛 Фронтенд 2026 Прямая трансляция конференции которая начнется сегодня в 11:00 МСК Программу можно глянуть тут. https://ww
Я 💛 Фронтенд 2026 Прямая трансляция конференции которая начнется сегодня в 11:00 МСК Программу можно глянуть тут. https://www.youtube.com/live/Da3cJi7RDPg

Полифилл для switch В Safari 17.4 появился новый нативный HTML элемент switch, который превращает обычный checkbox с атрибуто
Полифилл для switch В Safari 17.4 появился новый нативный HTML элемент switch, который превращает обычный checkbox с атрибутом switch в переключатель. Для остальных браузеров есть полифилл. Подробее о нем — в статье https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/

CSS @scope: Альтернатива соглашениям об именовании и тяжелым абстракциям Упрощаем поддержку стилей с новым правилом @scope, к
CSS @scope: Альтернатива соглашениям об именовании и тяжелым абстракциям Упрощаем поддержку стилей с новым правилом @scope, которое позволяет точно ограничивать область действия стилей в DOM. https://www.smashingmagazine.com/2026/02/css-scope-alternative-naming-conventions/

Браузер ненавидит сюрпризы Непредвиденные изменения макета, например, из-за долгой загрузки изображений, вынуждают браузер пе
Браузер ненавидит сюрпризы Непредвиденные изменения макета, например, из-за долгой загрузки изображений, вынуждают браузер пересчитывать геометрию страницы, вызывая скачки интерфейса. Подробно о том, как избежать этого и заранее резервировать пространство для контента в статье frontendmasters. https://frontendmasters.com/blog/the-browser-hates-surprises/

Компилируем TypeScript в натив: хардкор и мясо. TSNative — это AOT-компилятор, который позволяет преобразовывать TypeScript-к
Компилируем TypeScript в натив: хардкор и мясо. TSNative — это AOT-компилятор, который позволяет преобразовывать TypeScript-код в нативные бинарные файлы, используя LLVM IR. Это решение подходит для создания десктопных приложений, обеспечивая прямое взаимодействие с C++ без браузера или JavaScript-движка. https://habr.com/ru/companies/ncloudtech/articles/990666

Отладка перфоманса с использованием Chrome DevTools MCP Пошаговый туториал автоматизированного анализа производительности веб
Отладка перфоманса с использованием Chrome DevTools MCP Пошаговый туториал автоматизированного анализа производительности веб приложений с помощью AI и Chrome DevTools MCP. https://www.debugbear.com/blog/chrome-devtools-mcp-performance-debugging

FrontEndDev - Statistics & analytics of Telegram channel @front_end_dev