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 471 subscribers, ranking 5 157 in the Technologies & Applications category and 25 119 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 471 subscribers.

According to the latest data from 11 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -155 over the last 30 days and by -8 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 10.57%. Within the first 24 hours after publication, content typically collects 6.51% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 2 798 views. Within the first day, a publication typically gains 1 723 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 12 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 471
Subscribers
-824 hours
-337 days
-15530 days
Posts Archive
Filter -- веб редактор изображений Filter – мощный веб-редактор, созданный на React и TypeScript. Он предлагает интуитивный и
Filter -- веб редактор изображений Filter – мощный веб-редактор, созданный на React и TypeScript. Он предлагает интуитивный интерфейс, оптимизирован для мобильных устройств и обеспечивает быструю обработку изображений прямо в браузере. Проект использует Vite, Tailwind CSS и Filerobot Image Editor. https://github.com/addyosmani/filter

Feature Highlight Библиотека для подсветки UI элементов в приложении. Удобно для создания онбординга. https://github.com/ahma
Feature Highlight Библиотека для подсветки UI элементов в приложении. Удобно для создания онбординга. https://github.com/ahmad-moussawi/feature-highlight

Упрощаем CSS с помощью псевдокласса :is() Как псевдокласс :is() позволяет группировать сразу несколько селекторов внутри одно
Упрощаем CSS с помощью псевдокласса :is() Как псевдокласс :is() позволяет группировать сразу несколько селекторов внутри одного правила — вместо длинных списков через запятую — что делает CSS чище и проще поддерживаемым. Реальные примеры, где :is() помогает избавиться от дублирования правил и уменьшить вложенность селекторов, не теряя выразительности стилизации. https://gomakethings.com/reducing-css-complexity-with-the-is-pseudo-class/

Стилизуем счётчики в CSS Как использовать CSS Counters и @counter-style для автоматической нумерации элементов, оформления сп
Стилизуем счётчики в CSS Как использовать CSS Counters и @counter-style для автоматической нумерации элементов, оформления списков и нестандартных маркеров, без добавления лишнего HTML или JS. https://css-tricks.com/styling-counters-in-css

🚀 AlfaHost.io — сервера без лагов Ищете VPS с балансом цены и стабильности? Мы сделали тарифы так, чтобы было честно: быстры
🚀 AlfaHost.io — сервера без лагов Ищете VPS с балансом цены и стабильности? Мы сделали тарифы так, чтобы было честно: быстрые NVMe-диски, выделенные ресурсы и SLA 99,8% аптайма. Ваши проекты работают стабильно и предсказуемо. 🎁 Доступно всего 100 промо-тарифов по $3. А также гифткоды за подписку на @alfahost_io — Оплата криптой и в рублях — Сервер готов к работе за минуты — Сети до 10Гбит/с — Локации в Европе: Нидерланды, топовые Ryzen 9950x в Эстонии. Скоро - Германия, Финляндия, Швеция 🔥 По промокоду ALFA_KKlBLDn будет скидка 10% 🔥 VPS от $6, реферальная программа с 15% бонусом и возможностью вывода. ⚡️ Забирайте сервер на AlfaHost.io, пока тарифы не разобрали!

View Transitions: что может пойти не так? Сборник наиболее частых проблем, когда View Transition API не стартует, срабатывает
View Transitions: что может пойти не так? Сборник наиболее частых проблем, когда View Transition API не стартует, срабатывает некорректно или зависает — проблемы в имени перехода, отсутствие нужных CSS-правил, конфликты с фреймворками, кросс-доменной навигацией и т.п. Способы диагностики и устранения проблем. https://vtbag.dev/tips/view-transition-fails-and-fixes/

MCP заменяет браузер: как разработчикам подготовиться к этому Model Context Protocol (MCP) — новая парадигма, где AI-агенты в
MCP заменяет браузер: как разработчикам подготовиться к этому Model Context Protocol (MCP) — новая парадигма, где AI-агенты вместо традиционного браузера будут напрямую вызывать API/инструменты MCP-сервера для выполнения задач, которые раньше мы бы делали кликами и навигацией. Теперь разработчикам придется думать не о пикселях и UI-элементах, а о чётких эндпоинтах, API с понятной семантикой, UX, ориентированном на AI, и безопасности. https://blog.logrocket.com/mcp-is-replacing-the-browser/

Интеграция CSS Cascade Layers в существующий проект Подробный взгляд на внедрение CSS Cascade Layers в существующую кодовую б
Интеграция CSS Cascade Layers в существующий проект Подробный взгляд на внедрение CSS Cascade Layers в существующую кодовую базу, показывающий, как можно рефакторить старый CSS, используя слои, не нарушая при этом работоспособности сайта. В качестве примера рефакторинга взят сайт Discord-бота, где демонстрируется, как с помощью слоёв можно улучшить структуру и управляемость стилей. https://www.smashingmagazine.com/2025/09/integrating-css-cascade-layers-existing-project/

Mos.Hub//Парк.Код: разработчики кодят прямо на Садовом кольце В этом году День программиста совпал с Днем города в столице, —
+2
Mos.Hub//Парк.Код: разработчики кодят прямо на Садовом кольце В этом году День программиста совпал с Днем города в столице, — и двойной праздник решили отметить по-особенному. В павильоне «Цифровые технологии Москвы» в «Музеоне» проходит хакатон под открытым небом Mos.Hub//Парк.Код. Три волны ИТ-спринта, 40 минут на создание приложения, Python, Java или другой современный язык программирования, мгновенная загрузка результатов после тестирования. В целом привычный для разработчиков формат, вот только локация необычная. Место действия — не офис или коворкинг, а парк в самом центре столицы. День программиста, который мы заслужили! Подписывайтесь на «ДИТ: Технологии Москвы» — там рассказывают, как развивают ИТ в Москве.

256 🎉От души поздравляю всех причастных с праздником! 🎉
256 🎉От души поздравляю всех причастных с праздником! 🎉

Интерполяция цветов в CSS Color interpolation — браузерный механизм расчета промежуточных цветов между двумя заданными, напри
Интерполяция цветов в CSS Color interpolation — браузерный механизм расчета промежуточных цветов между двумя заданными, например в градиентах, переходах или анимациях. Более подробно о том как это работает, почему цветовое пространство (sRGB, Lab, OKLCH и др.) влияет на визуальный результат и как это можно применять чтобы сделать интерфейсы визуально приятнее — в статье. https://css-tricks.com/what-you-need-to-know-about-css-color-interpolation

Введение в CSS Cascade Layers Статья о том, как относительно новая возможность CSS — @layer позволяет явно управлять порядком
Введение в CSS Cascade Layers Статья о том, как относительно новая возможность CSS — @layer позволяет явно управлять порядком применения стилей и уменьшать конфликты между правилами, особенно в крупных проектах с внешними библиотеками и сторонним CSS. На примерах показано, как можно организовать стили через слои (reset, base, components, utilities) и как слои меняют приоритеты правил без злоупотребления !important. https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/

Хватит писать try/catch вокруг fetch История о том, как избавиться от постоянных оберток для отлова ошибок и сделать интерфей
Хватит писать try/catch вокруг fetch История о том, как избавиться от постоянных оберток для отлова ошибок и сделать интерфейс фетчера удобнее. https://habr.com/ru/articles/943732/

Друзья! 🚀 Frontend Conf 2025 — совсем скоро! Если вы думаете, что конференции — это скучные доклады, то Frontend Conf 2025 точно разрушит миф. В этом году я решил лично проверить это и зову вас с собой! Топ-10 самых ожидаемых выступлений уже определен голосованием самих разработчиков, но мне лично интересно послушать доклады из секции FrontOps (тем более что один из спикеров мой бывший руководитель из Альфы — Иван Усынин, расскажет про микрофронтенды, к которым я так и не подступился). Кроме основных секций таких как Архитектура, Производительность, Технологии, будут еще специальные: PWA, AI во фронтенде, FrontOps и еще несколько. Весь список секций и выступлений можно посмотреть тут. В общем глаза разбегаются. А ещё будет уникальный фейл-митап. 6 реальных историй факапов в разработке, как какой-то важный сеньор случайно задизейблил кнопку чекаута в корзине и увидели это только через месяц. Всегда приятно знать, что не только у тебя были факапы 😅 🔥 Не пропустите одно из главных IT-событий этой осени! Подробнее о конференции по ссылке Для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev До встречи на Frontend Conf 2025 🚀

Вам не нужна анимация (ну или не всегда нужна) Под кликбейтным заголовком Эмиль Ковальский рассказывает, что анимации лучше д
Вам не нужна анимация (ну или не всегда нужна) Под кликбейтным заголовком Эмиль Ковальский рассказывает, что анимации лучше добавлять, если есть ясная цель — например, создание ощущения отзывчивости интерфейса. Излишняя же анимация, особенно при частом использовании, начинает раздражать и снижает доверие пользователей. https://emilkowal.ski/ui/you-dont-need-animations

Основы выравнивания в CSS: полный разбор Темани Афиф подробно раскрывает логику работы различных свойств для выравнивания и п
Основы выравнивания в CSS: полный разбор Темани Афиф подробно раскрывает логику работы различных свойств для выравнивания и показывает как они работают на практике в различных лейаутах. В гайде много понятных и интерактивных примеров, так что будет что рассказать на собеседовании. https://css-tip.com/explore/alignment/?utm_campaign=Issue-620

Наконец, безопасные методы массивов в JS Безопасность, правда, только в плане того, что они не мутируют начальный массив. htt
Наконец, безопасные методы массивов в JS Безопасность, правда, только в плане того, что они не мутируют начальный массив. https://allthingssmitty.com/2025/09/08/finally-safe-array-methods-in-javascript/

Привет! Сегодня в канале у Дани Ленца, фронта из Яндекса, нашел пост про автоматизацию личных аккаунтов в Telegram через MTProto API. Он сделал бота, который пересылает банковские уведомления друзьям в группу — классная и простая идея. Вообще, это хорошее напоминание, что разработка на JavaScript уже давно не ограничивается сайтами. Благодаря таким библиотекам, как gramjs, мы можем работать с Telegram напрямую, автоматизировать задачи и строить сервисы поверх привычного стека. У JS-платформы действительно огромные возможности — от фронтенда в браузере до полетных программ в компах SpaceX (надеюсь там без undefined is not a function обходится 😅).

Почему браузеры замедляют JavaScript-таймеры Nolan Lawson объясняет, что setTimeout(0) на самом деле не исполняется мгновенно
Почему браузеры замедляют JavaScript-таймеры Nolan Lawson объясняет, что setTimeout(0) на самом деле не исполняется мгновенно — браузеры намеренно ограничивают минимальную задержку до 4 мс, чтобы предотвратить чрезмерную нагрузку и не замораживать интерфейс. В статье показаны альтернативные варианты — MessageChannel.postMessage, window.postMessage и современный scheduler.postTask() — они обходят это ограничение и работают гораздо быстрее для задач, требующих точного тайминга. https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/

Использование Custom Highlight API Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS дл
Использование Custom Highlight API Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице. https://frontendmasters.com/blog/using-the-custom-highlight-api/