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 465 subscribers, ranking 5 158 in the Technologies & Applications category and 25 130 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 465 subscribers.
According to the latest data from 12 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -167 over the last 30 days and by -13 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 10.40%. Within the first 24 hours after publication, content typically collects 6.43% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 753 views. Within the first day, a publication typically gains 1 702 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 13 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 465
Subscribers
-1324 hours
-337 days
-16730 days
Posts Archive
26 465
Почему оптимизация Lighthouse score — не гарантия быстрого сайта?
А также почему фикс по рекомендациям Lighthouse — это хороший старт для улучшения приложений.
https://www.smashingmagazine.com/2024/11/why-optimizing-lighthouse-score-not-enough-fast-website/
26 465
Яндекс приглашает на «Ночь опенсорс библиотек»
Мейнтейнеры крупных проектов расскажут, как коммитить так, чтобы ваш код всегда принимали. Frontend-разработчики смогут познакомиться с созданием интерфейсов в Gravity UI, научиться быстро кодить в HTML/CSS на emmet и упростить написание скриптов с помощью zx.
Там же можно будет сделать свой первый коммит, принять участие в мини-хакатонах, лекциях и воркшопах, изучить генеративную визуализацию с лайфкодингом под живую музыку, посетить книжную лавку и не только.
Мероприятие пройдет в московской Библиотеке иностранной литературы. Зарегистрироваться можно до 4 декабря по ссылке.
26 465
Разбираемся с процессом рендеринга в браузере
Один из частых вопросов на собеседовании - вы вводите адрес в строку браузера и нажимаете Enter, что происходит дальше?
Подробное описание стадий - от отправки запроса до отображения пикселей на экране.
https://abhisaha.com/blog/exploring-browser-rendering-process
26 465
Современный CSS reset
Обычно базовые стили кочуют у разработчиков из проекта в проект. Что могло поменяться с течением времени? Josh Comeau делится своим набором стилей и тем, что в нем изменилось за последнее время.
https://www.joshwcomeau.com/css/custom-css-reset/
26 465
10 советов по SEO для разработчиков
Приемы и трюки для улучшения SEO ваших приложений. Использование SSR, оптимизация метаданных, управление ленивой загрузкой, создание описательных URL и добавление структурированных данных.
https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/
26 465
ResizeObserver API
ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный при работе с адаптивными и динамическими интерфейсами. Туториал, показывающий как создать экземпляр ResizeObserver, наблюдать за элементами и управлять событиями изменения размера.
https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/
26 465
+4
Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.
Присоединяйтесь: @FrontendPortal
26 465
CSS трюки с использованием одного градиента
CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента.
https://css-tricks.com/css-tricks-that-use-only-one-gradient/?utm_source=CSS-Weekly&utm_campaign=Issue-597&utm_medium=web
26 465
WebView-приложения. Время гибридных технологий
Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это естественная эволюция, что они дадут разработчику и бизнесу.
https://www.youtube.com/watch?v=l87upW6M9Bw
26 465
Интерактивное руководство по CSS Transitions
Подробный гайд по CSS Transitions от Josh W. Comeau с примерами которые можно потыкать.
https://www.joshwcomeau.com/animation/css-transitions/
26 465
Repost from Sleepless tech | Евгений J
Как отключить ECH для вашего домена на Cloudflare
Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.
Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS
У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}
Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.
Отключаем ECH запросом curl (или постман)
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
-H "X-Auth-Email: {ACCOUNT_EMAIL}" \
-H "X-Auth-Key: {GLOBAL_API_KEY}" \
-H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'26 465
Способы улучшить показатели Core Web Vitals
Советы по улучшению показателей INP, CLS и LCP.
https://web.dev/articles/top-cwv
26 465
Геймдев на JavaScript
Туториал по созданию Sonic Runner с использованием библиотеки Kaplay.
https://www.youtube.com/watch?v=EmMO0yQ7eeY
26 465
Бесплатное IT-образование в 2024
Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления
Выбирайте нужное и подписывайтесь:
👩💻 Frontend: @FrontendPortal
⚙ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩💻 Python: @PythonPortal
👩💻 Java: @Java_Iibrary
👩💻 C#: @KodBlog
👩💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩💻 Golang: @juniorGolang
👩💻 PHP: @PHPortal
👩💻 Моб. разработка: @MobDev
👩💻 Разработка игр: @GameDevgx
👩💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign
➡ Сохраняйте себе, чтобы не потерять
26 465
Вписываем текст во всю ширину строки
Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста
https://frontendmasters.com/blog/edge-to-edge-text/
26 465
Улучшенная работа вложенного CSS с CSSNestedDeclarations
В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой.
https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en
26 465
npm audit
Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
26 465
Анимируем React приложение с Framer Motion
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
