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 315 subscribers, ranking 5 080 in the Technologies & Applications category and 24 988 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 315 subscribers.
According to the latest data from 13 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -138 over the last 30 days and by -4 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 11.33%. Within the first 24 hours after publication, content typically collects 6.07% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 983 views. Within the first day, a publication typically gains 1 597 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 11.
- 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 14 July, 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 315
Subscribers
-424 hours
-277 days
-13830 days
Posts Archive
26 316
16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!
26 316
Frontend CTF, или Как связаны Мона Лиза и искусственный интеллект
История про ежегодный браузерный CTF, где флаги спрятаны в интерфейсе, коде и даже в видео/логах, а для прохождения нужны знания фронтенда, сетей и веб-стандартов. Разбираемся, как устроены уровни и задания: генерация идей, подготовка подсказок, автоматический деплой в изолированную среду и встраивание в сюжет, плюс что происходит при попытках «положить» сервер.
https://habr.com/ru/companies/yandex/articles/1051050/
26 316
TypeScript 7.0 — самое радикальное обновление за 10 лет
TypeScript 7 ускоряет сборку и работу в IDE за счёт нативного порта, многопоточности и оптимизаций: полная сборка проекта до 8–12 раз быстрее, а цикл в --watch становится заметно короче. На реальных крупных open-source кодовых базах ускорение достигает почти 12×, а потребление памяти снижается на 6–26%.
https://habr.com/ru/companies/haulmont/articles/1057526
26 316
ariaNotify(): как заставить скринридер проговорить текст
Новый метод
ariaNotify() из WAI-ARIA 1.3 позволяет программно запускать озвучивание: передайте строку и (при необходимости) конфигурацию, например document.ariaNotify("Hello, World.").
https://master.dev/blog/the-siren-song-of-arianotify/26 316
Как проектировать интерфейсы для уязвимых пользователей: почему ментальным health-приложениям нельзя гнаться за любыми UI-трендами
Трендовые решения часто повышают когнитивную нагрузку и делают навигацию непредсказуемой — в итоге человек в стрессе просто не находит нужную помощь и быстро уходит. Важно проверять каждый модный паттерн по пяти критериям: нагрузка, эмоциональное соответствие, надежность навигации, доступность и корректность механик вовлечения без давления/стыда.
https://smashingmagazine.com/2026/07/designing-distressed-users-mental-health-apps-ui/
26 316
Как мы во фронтенд-команде ПСБ прокачали релизный цикл npm-пакетов.
Внутренние библиотеки и микрофронты собрали в пакетный процесс с SemVer, обязательным migration guide для breaking changes и публикацией через CI, чтобы исключить разъезд окружений и человеческий фактор. Более подробно - в статье.
https://habr.com/ru/companies/psb/articles/1055888/
26 316
Как внедрять ИИ в разработку и маркетинг , чтобы он приносил прибыль
Навайбкодить приложение - дело часа. Но что дальше? Продукт готов - пользователей 0
Все потому что маркетинг как был, так и остался узким местом в развитии продукта:
— трафик льётся, окупаемость падает — площадок больше, чем рук: Reels, TikTok, Shorts, Telegram — везде нужен контент — продакшн контента стоит как отдел — все говорят про ИИ, но как это реально приносит деньги — непонятноПрибыль появляется, когда ИИ становится системой: ресерч → продукт → креативы → реклама → контент → конверсия → удержание 👋 Меня зовут Давид, я 8 лет в маркетинге приложений и за последний год вырастил 3 приложения с 0 до $300к MRR Я пересобрал свой опыт в собственный AI-стек и на вебинаре покажу как выглядит инфраструктура, которая приносит прибыль и действительно экономит время и деньги 🗓 14 июля 🕗 20:00 МСК 📌 Регистрация по ссылке (тык) 👉 Что в программе: 1. Поиск идей и точек роста — ресерч ниш, конкурентов и болей аудитории через ИИ → список точек роста существующего бизнеса, ниши для новых продуктов и понимание как в них строить маркетинг 2. AI-продакшн и закупка — генерация баннеров и видео + автоматизация кампаний в Meta, Google, Яндексе → сотни креативов в день без дизайнера 3. Виральный контент-продакшн для соц.сетей — контент-планы, анализ конкурентов, AI-аватары, монтаж, авто-карусели → ежедневный постинг в одиночку 4. Персонализация — AI-сегментация, офферы и воронки под каждый сегмент → выше конверсия из тех же лидов 🎁 Зарегистрированным - бесплатные уроки по Claude До встречи на вебинаре!
26 316
Как сделать интерактивный элемент невидимым, но доступным
Используйте
hidden="until-found" для скрытия контента с сохранением доступности (поиск по странице и навигация по фрагментам работают, элемент остаётся фокусируемым), а затем компенсируйте отсутствие ховера/видимости через contain-intrinsic-size: auto none, чтобы не было layout shift.
https://master.dev/blog/how-to-make-an-interactive-element-invisible-but-accessible/26 316
Стили в CSS с учетом границ
Функция
view() позволяет привязывать прогресс анимации к видимости элемента в ближайшем scroll-контейнере: цвет/размер/поворот меняются, когда объект приближается к краям или уходит за них. На практике так раскрашивают элементы в сетке по горизонтальному положению, меняют тон при перетаскивании и подсвечивают ползунки по мере движения.
https://master.dev/blog/boundary-aware-styling-in-css/26 316
Построение скролл-зависимой 3D-галереи по пути камеры из Blender с Three.js и GSAP
Рисуем кривую в Blender, экспортируем точки в JSON с учётом различий координат, а затем в Three.js восстанавливаем путь через
THREE.CatmullRomCurve3 и раскладываем вдоль него сотни plane-картинок с рандомными смещениями.
Демо | Github
https://tympanus.net/codrops/2026/07/07/building-a-scroll-driven-3d-gallery-using-a-blender-camera-path-with-three-js-and-gsap/26 316
Нужен ли здесь `useEffect`? 12 сценариев из React-код-ревью — от производного состояния до React 19.2
На code review я регулярно встречаю один и тот же вопрос, только записанный разным кодом: «Как правильно синхронизировать эти значения через useEffect?» Со временем я понял, что чаще полезнее спросить иначе: а эффект здесь вообще нужен? В статье разбираю 12 типичных сценариев из React-код-ревью.
https://habr.com/ru/articles/1055486/
26 316
Декорирование gap в CSS: играем линиями между элементами
Gap Decorations позволяет украшать промежутки между элементами в
grid, flex и multi-column, используя gap + rule. Псевдоэлементы внутри контейнера превращают gap в полотно для подчеркиваний, горизонтальных/вертикальных разделителей и даже паттернов с разной толщиной/цветом через rule-width, rule-color и repeat().
https://master.dev/blog/lets-play-with-gap-decorations/26 316
Редактор дизайна для Claude Code и Cursor: «Figma Comments» прямо в браузере
Drawbridge — это Chrome-расширение, которое позволяет кликать по интерфейсу в запущенном приложении, оставлять Figma-style комментарии и заметки с прямоугольниками, а затем превращать их в локальные task-файлы для AI-инструментов.
https://github.com/breschio/drawbridge
26 316
Как протестировать более 40 UI-компонентов за минуту: ускоряем скриншот-тесты
Как вместо сапёра с визуальными багами внедрили визуальные регрессионные тесты на связке Storybook + Playwright + Jest, которые прогоняют десятки сценариев и сравнивают скриншоты пиксель-в-пиксель. Чтобы стабилизировать диффы, в тестах отключают загрузку реальных картинок в галереях, делают снимок строго элемента
[data-test="product-snippet"], и задают допуски к микро-шуму рендеринга (threshold/blur/failureThreshold).
https://habr.com/ru/companies/domclick/articles/105042426 316
Проверка вакансий и рекрутеров на мошенничество с помощью OSINT для Claude.
JobVerify помогает за секунды отличать реальные предложения от скама: вы вставляете сообщение рекрутера, название компании, ссылку на вакансию или email, а инструмент собирает публичные сигналы и выдает понятный вердикт. Он сверяет регистрацию компании, домены и возраст сайтов, подозрительные паттерны (предоплата, “задачи”, крипта, перевод в Telegram/WhatsApp), проверяет ссылки, почту/телефон и даже историю через Internet Archive — без API-ключей и без хранения ваших данных.
https://github.com/yessGlory17/job-verify
26 316
HTTP получил метод QUERY: зачем понадобился безопасный запрос с телом
В HTTP стандартизировали
QUERY — безопасный и идемпотентный метод чтения, где сложные параметры передаются в теле запроса, а не в URI.
https://habr.com/ru/articles/1055310/?utm_campaign=1055310&utm_source=habrahabr&utm_medium=rss26 316
ИИ поможет написать за тебя код, и в то же время помешает найти тебе работу? Ирония судьбы.
Мы уже доверили нейросетям генерацию компонентов, написание целых функций и даже тестов. Но когда дело доходит до твоего резюме — тот же самый ИИ безжалостно отправляет его в корзину.
До 90% откликов отсеиваются алгоритмами ещё до того, как их увидит человек. В 2026 году ты соревнуешься не только с другими разработчиками, но и с машиной, которая оценивает твоё резюме по десяткам критериев за доли секунды.
Время играть по новым правилам.
📅 8 июля в 19:00 МСК на бесплатном вебинаре «Как пробить AI-фильтры и получать приглашения на интервью» мы расскажем, как обойти эту систему.
На эфире разберем:
🔹 Как AI и ATS отбирают кандидатов прямо сейчас
🔹 Как найти работу в США и Европе
🔹 Что такое «теневой рынок» труда и как использовать его возможности
Спикер — Ангелина Волкова, карьерный эксперт AgileFluent.
Ангелина знает, как обмануть AI-фильтры:
✔️ Сама придумывает стратегии, которые ведут к офферу
✔️ Обладает большой экспертизой по рынку Северной Америки
✔️ За плечами — более 200 кейсов с международными офферами
За время работы AgileFluent уже помогли 800+ специалистам из IT и Digital найти работу в России и за рубежом.
Оставляй заявку на вебинар и бронируй место
👉 [ссылка] 👈
Реклама. ООО «Эджайл», ИНН 7810964334, erid: 2Vtzqwp1D3F
26 316
Путеводитель по grid-lanes: как строить сложные раскладки на чистом CSS.
display: grid-lanes позволяет делать masonry с произвольной шириной колонок и при этом сохранять корректный порядок табуляции — без JS.
Это подходит для progressive enhancement: начинайте с базовой разметки и улучшайте визуальную и навигационную часть средствами HTML/CSS.
https://master.dev/blog/the-field-guide-to-grid-lanes/26 316
Rattribute.js — генерация адаптивных атрибутов для любых HTML-элементов.
Лёгкая библиотека без зависимостей, которая на основе брейкпоинтов автоматически проставляет нужные атрибуты (по умолчанию размеры как у Bootstrap: xs–xxl и доп. xxxl, плюс можно задавать свои). Поддерживаются переключение адаптивности, авто-подхват элементов при добавлении в DOM сторонними библиотеками и исключение элементов через
data-rattribute-js-ignore
https://github.com/williamtroup/Rattribute.js26 316
FM-синтез звука в браузере. Часть 1
Рассмотрим возможности браузеров по синтезу звука. Разберём основы и в качестве практического применения сделаем эмулятор синтезатора Yamaha DX7.
https://habr.com/ru/articles/1052640
