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 467 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 467 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 467
Subscribers
-1324 hours
-337 days
-16730 days
Posts Archive
Преимущества использования семантических HTML-элементов Сравнение div vs button для реализации кнопки https://css-tricks.com/
Преимущества использования семантических HTML-элементов Сравнение div vs button для реализации кнопки https://css-tricks.com/explaining-the-accessible-benefits-of-using-semantic-html-elements/

Ваша история в IT начинается в Авито 🚀 Хотите расти в разработке — приходите на оплачиваемую стажировку в Авито. Мы ищем буд
Ваша история в IT начинается в Авито 🚀 Хотите расти в разработке — приходите на оплачиваемую стажировку в Авито. Мы ищем будущих специалистов в направлениях Frontend, Backend, QA и Android. Вы будете работать над продуктами, которыми ежедневно пользуются миллионы людей, и прокачивать навыки с помощью: ➡ наставника — подскажет, как мыслить в процессе решения задач; ➡ комьюнити стажёров — всегда рядом, чтобы обсудить задачи и поддержать; ➡ корпоративных курсов, библиотек и баз знаний — всё, чтобы развиваться быстрее. Выберите два направления — основное и запасное. Если не получится попасть в первое, сможете пройти отбор на второе при наличии мест. Условия: ➡ зарплата и корпоративный ноутбук, ➡ формат — офис, удалёнка или гибрид, ➡ от 25 часов в неделю, ➡ продолжительность — 9 месяцев, ➡ компенсация питания, консультации с психологами и юристами, ➡ после стажировки — возможность остаться в команде, если покажите крутой результат. 📌 Регистрация открыта до 12 ноября. Подать заявку можно по ссылке.

Создание 3D Scroll-Driven анимации текста с CSS и GSAP Пошаговое руководство по созданию эффектов трехмерной прокрутки с помо
Создание 3D Scroll-Driven анимации текста с CSS и GSAP Пошаговое руководство по созданию эффектов трехмерной прокрутки с помощью математических преобразований GSAP, ScrollTrigger и CSS. Демо | Github https://tympanus.net/codrops/2025/11/04/creating-3d-scroll-driven-text-animations-with-css-and-gsap

Делаем интерфейс дружелюбнее Коллекция простых HTML/CSS лайфхаков https://habr.com/ru/companies/ruvds/articles/959198/
Делаем интерфейс дружелюбнее Коллекция простых HTML/CSS лайфхаков https://habr.com/ru/companies/ruvds/articles/959198/

Примеры использования Field-sizing Ахмад Шадид рассказывает, где и для чего удобно применять новое css свойство field-sizing
Примеры использования Field-sizing Ахмад Шадид рассказывает, где и для чего удобно применять новое css свойство field-sizing Краткий пересказ https://tldread.ru/field-sizing https://ishadeed.com/article/field-sizing/

Obra Icons Набор иконок под лицензией MIT идеально подходящий для ваших интерфейсов. https://icons.obra.studio/
Obra Icons Набор иконок под лицензией MIT идеально подходящий для ваших интерфейсов. https://icons.obra.studio/

Web Codegen Scorer: инструмент для оценки качества кода сгенерированного LLM Если вы используете LLM, то этот инструмент от к
Web Codegen Scorer: инструмент для оценки качества кода сгенерированного LLM Если вы используете LLM, то этот инструмент от команды Angular будет довольно удобным для определения качества. https://frontendfoc.us/link/175960/web

ColorMate — утилиты для разработчиков и дизайнеров Создавайте великолепные цветовые палитры, градиенты и другие элементы диза
ColorMate — утилиты для разработчиков и дизайнеров Создавайте великолепные цветовые палитры, градиенты и другие элементы дизайна бесплатно с помощью ColorMate. https://colormate.site/

Обучение в IT: для тех, кто хочет шагнуть дальше джуна С Яндекс Практикумом PRO работающие специалисты могут изучать программ
Обучение в IT: для тех, кто хочет шагнуть дальше джуна С Яндекс Практикумом PRO работающие специалисты могут изучать программирование, нейросети и другие IT-специальности не с нуля, а со своего уровня. Программы построены так, чтобы не тратить время на давно знакомую базу, а расти в профессии день за днём – на реальных цифрах и с реальными кейсами для портфолио. Это позволяет прокачаться в выбранной сфере, перерасти джуновские задачи и развернуть свои скиллы на максимум. Узнать подробнее: Яндекс Практикум PRO

Динамические CSS-макеты с использование :has(), container queries и clamp() Ахмад Шадид подробно разбирает, как строить сложн
Динамические CSS-макеты с использование :has(), container queries и clamp() Ахмад Шадид подробно разбирает, как строить сложные и адаптивные компоненты интерфейса, используя современные возможности CSS. https://ishadeed.com/article/modern-css-section-layout/

Создание контекстно-зависимых компонентов Функция `inherit()`позволяет дочерним элементам напрямую наследовать вычисленные зн
Создание контекстно-зависимых компонентов Функция `inherit()`позволяет дочерним элементам напрямую наследовать вычисленные значения CSS-переменных от родительских, упрощая адаптацию компонентов. Уменьшаем дублирование токенов и количество переопределений, делая дизайн-системы более гибкими и предсказуемыми. https://www.alwaystwisted.com/articles/making-context-aware-components

Настоящее и будущее прогрессивного рендеринга изображений Исследуем прогрессивную отрисовку изображений в современных формата
Настоящее и будущее прогрессивного рендеринга изображений Исследуем прогрессивную отрисовку изображений в современных форматах (JPEG, PNG, WebP, AVIF, and JPEG XL). https://jakearchibald.com/2025/present-and-future-of-progressive-image-rendering/?utm_campaign=Issue-624

Создание доступных вкладок на чистом CSS Современный подход позволяет реализовать полностью доступные таб-интерфейсы, использ
Создание доступных вкладок на чистом CSS Современный подход позволяет реализовать полностью доступные таб-интерфейсы, используя элементы <details>, CSS Grid и Subgrid. Этот метод значительно упрощает структуру и обеспечивает встроенную поддержку доступности без JavaScript. [Краткий пересказ] https://css-tricks.com/pure-css-tabs-with-details-grid-and-subgrid/

Отлаживаем код в браузере с Chrome DevTools MCP Посмотрим, как диагностировать ошибки, отлаживать стили, симулировать поведен
Отлаживаем код в браузере с Chrome DevTools MCP Посмотрим, как диагностировать ошибки, отлаживать стили, симулировать поведение пользователя и проводить тесты производительности с AI. https://blog.logrocket.com/debugging-with-chrome-devtools-mcp/

URL Pattern API: Новый стандарт теперь в Baseline Этот встроенный API значительно упрощает сопоставление URL-адресов и извлеч
URL Pattern API: Новый стандарт теперь в Baseline Этот встроенный API значительно упрощает сопоставление URL-адресов и извлечение данных, избавляя от необходимости использовать сложные регулярные выражения или сторонние библиотеки. Краткий пересказ https://web.dev/blog/baseline-urlpattern?hl=en

Друзья! Помогите RuStore стать ещё лучше — и выиграйте фичеринг! Каждый день ребята из RuStore работают над тем чтобы сделать
Друзья! Помогите RuStore стать ещё лучше — и выиграйте фичеринг! Каждый день ребята из RuStore работают над тем чтобы сделать его еще удобнее. Поэтому RuStore запустили опрос для разработчиков, чтобы понять, как вы работаете с разными магазинами приложений. Чтобы участие было не только полезным, но и приятным — разыгрывается фичеринг на витрине RuStore среди всех участников опроса прошедших его до конца! 🎉 📌 Опрос доступен с 20 октября по 1 ноября. Опрос займёт всего 5 минут. 👉 Призы и итоги 5 разработчиков получат фичеринг в RuStore размещения выйдут в течение трёх месяцев после объявления итогов. Победителей объявят 1 декабря. Условия участия в конкурсе ▫️участвовать могут разработчики, чьи приложения уже опубликованы в RuStore ▫️приложения соответствуют требованиям RuStore ▫️формат и даты фичеринга определяет редакция RuStore Правила конкурса можно найти в посте

URL Pattern API: Новый стандарт теперь в Baseline Этот встроенный API значительно упрощает сопоставление URL-адресов и извлеч
URL Pattern API: Новый стандарт теперь в Baseline Этот встроенный API значительно упрощает сопоставление URL-адресов и извлечение данных, избавляя от необходимости использовать сложные регулярные выражения или сторонние библиотеки. Краткий пересказ https://web.dev/blog/baseline-urlpattern?hl=en

CSS-цвета: руководство для веб-разработчика. Откройте для себя упрощенный синтаксис rgb() и hsl(), мощные относительные цвета
CSS-цвета: руководство для веб-разработчика. Откройте для себя упрощенный синтаксис rgb() и hsl(), мощные относительные цвета, а также функцию light-dark() для гибких тем. Краткий пересказ https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/

AI-тестирование: один из без ручного написания тестов Meticulos предлагает подход при котором тестовый набор генерируется и р
AI-тестирование: один из без ручного написания тестов Meticulos предлагает подход при котором тестовый набор генерируется и развивается автоматически, отслеживая повседневные взаимодействия с приложением. Это позволяет устранить сбои, ускорить разработку и обеспечить актуальность тестов без участия разработчиков https://www.meticulous.ai/ https://www.meticulous.ai/

Новый хук useEffectEvent в React 19.2: эффективное управление сайд-эффектами Этот хук решает проблему "устаревших замыканий",
Новый хук useEffectEvent в React 19.2: эффективное управление сайд-эффектами Этот хук решает проблему "устаревших замыканий", позволяя эффектам всегда иметь доступ к актуальным данным без лишних повторных запусков. Подробнее о том, как он упрощает код, улучшает производительность и устраняет распространенные ошибки — в статье. Краткий пересказ https://blog.logrocket.com/react-useeffectevent/