¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
FrontEndDev
Ir al canal en 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
Mostrar más📈 Análisis del canal de Telegram FrontEndDev
El canal FrontEndDev (@front_end_dev) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 26 471 suscriptores, ocupando la posición 5 157 en la categoría Tecnologías y Aplicaciones y el puesto 25 119 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 26 471 suscriptores.
Según los últimos datos del 11 junio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -155, y en las últimas 24 horas de -8, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 10.57%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 6.51% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 798 visualizaciones. En el primer día suele acumular 1 723 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 13.
- Intereses temáticos: El contenido se centra en temas clave como css, api, интерфейс, html, frontend.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“🚀 Статьи, новости, туториалы по 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”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 12 junio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
26 471
Suscriptores
-824 horas
-337 días
-15530 días
Archivo de publicaciones
26 469
Развлекаемся с кастомными курсорами
Райан Финни показывает 2 способа изменения дефолтного курсора.
https://www.letsbuildui.dev/articles/fun-with-custom-cursors/
26 469
Обновление Safari 26.0
75 новых функций и 171 улучшение, среди которых поддержка якорного позиционирования и анимаций, управляемых прокруткой. Продвинутая функция
progress(), улучшенная расстановка текста с text-wrap: pretty и упрощенное выравнивание элементов в абсолютном позиционировании.
https://css-tricks.com/touring-new-css-features-in-safari-26/26 469
Релиз React 19.2 — что нового?
Ключевые нововведения: компонент
<Activity /> для гибкого управления видимостью частей приложения, хук useEffectEvent для более чистой реализации эффектов. Частичный пререндеринг, новые треки производительности в DevTools и улучшения в SSR.
https://react.dev/blog/2025/10/01/react-19-226 469
Веб — Стандарты: Выпуск 494
Новые возможности Chrome 140, включая Scoped View Transitions, улучшения масштабирования текста, Temporal API, Chrome DevTools MCP.
https://web-standards.ru/podcast/494/
26 469
👩💻 Всем программистам посвящается!
Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Frontend — t.me/frontend_ready
📱 JavaScript — t.me/javascript_ready
👩💻 Backend — t.me/backend_ready
📱 GitHub & Git — t.me/github_ready
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
🤖 Нейросети — t.me/neuro_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Java — t.me/java_ready
👩💻 Linux — t.me/linux_ready
🖼 DevOps — t.me/devops_ready
📖 IT Книги — t.me/books_ready
👩💻 Весь IT — t.me/it_ready
👩💻 Bash & Shell — t.me/bash_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
26 469
Ваши изображения (возможно) слишком большие
Часто мы загружаем на сайт изображения гораздо крупнее, чем необходимо для просмотра, что приводит к лишнему расходу трафика и долгой загрузке. Многие думают, что компонент
<Image/> из NextJS автоматически решит эту проблему, однако без правильного атрибута sizes изображения всё равно могут быть избыточными для меньших экранов. Как это исправить — в статье.
https://reasonunderpressure.com/blog/posts/your-images-are-probably-oversized26 469
Представлен Wasm 3.0 — новое поколение стандарта с масштабными обновлениями
Обновления 3 версии включает 64-битную адресную память, поддержку множественных областей памяти, встроенный сборщик мусора и расширенную систему типизированных ссылок. Новая версия также добавляет нативную обработку исключений и позволяет эффективно компилировать высокоуровневые языки.
https://webassembly.org/news/2025-09-17-wasm-3.0/
26 469
Друзья!
До Frontend Conf 2025 осталось меньше месяца, а до повышения цен — всего пара дней 🫨 Для тех, кто еще не решил, будет ли конфа интересной/полезной, на Хабре вышел обзор Главные тренды фронтенда в 2025 году: AI, архитектура, PWA и многое другое, где можно почитать более подробно про каждую секцию.
👉 Подробнее о самой конференции по ссылке
Напоминаю, что для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev 🔥
Всем добра! ✌️
26 469
Удобнее чем Ctrl + F: ссылки прямо на контент
Добавляем ссылки на текст с помощью специального синтаксиса URL-адреса, который браузер интерпретирует для прокрутки и выделения указанного контента. Теперь вы можете создавать ссылки на фрагменты текста, а в Chromium-браузерах даже есть встроенная функция для этого.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
26 469
Новые возможности CSS типизированной арифметики
Начиная с Chrome 140 мы можем делать вычисления в CSS, смешивая различные типы данных. Звучит не так грандиозно, но это позволяет создавать сложные и данимаческие макеты и анимации без JS.
https://css-tricks.com/css-typed-arithmetic/
26 469
Друзья, привет!
На связи проект Лиза Алерт —Добровольческий поисково-спасательный отряд, который занимается поиском людей.
Для реализации продукта, который поможет спасти жизни, нам очень нужны frontend разработчики (React+TypeScript) с опытом. Проект некоммерческий, нужны волотнеры.
Для связи писать @Shilkin_Dmitry
26 469
Prompting — это акт разработки: как формировать и улучшать работу с AI
Линдон Серейо показывает, что промпты — это не просто инструкции для модели, а скорее гибрид творческого брифа и диалога с ИИ, где важно продумывать контекст и тон. Он предлагает подходить к prompting как к инструменту разработки: формировать структуру, делить на шаги, проверять и уточнять — чтобы получать более качественные и предсказуемые ответы от AI
https://www.smashingmagazine.com/2025/08/prompting-design-act-brief-guide-iterate-ai/
26 469
Вам может пригодиться useSyncExternalStore
Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.
https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
26 469
Воссоздание анимации кнопки Google Gemini с помощью CSS
В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции CSS shape() и clip-path для создания морфирующих геометрических форм.
https://css-tricks.com/recreating-gmails-google-gemini-animation
26 469
Представлен Chrome DevTools MCP для взаимодействия с браузером
Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.
https://addyosmani.com/blog/devtools-mcp/
26 469
Амбиентные анимации в веб дизайне: принципы и реализация
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
26 469
Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их широкой или недавней доступности, а также по годам. Отдельный пакет
browserslist-config-baseline больше не нужен, что упрощает конфигурацию проекта.
https://web.dev/blog/browserslist-supports-baseline?hl=en26 469
Обновленный курс по изучению CSS от команды Chrome
Материал классического курса был значительно переработан и дополнен девятью новыми модулями, чтобы отразить нововведения за последние четыре года. Теперь курс охватывает такие функции, как вложенность CSS, контейнерные запросы, пользовательские свойства и многое другое, фокусируясь на ключевых возможностях, доступных сегодня.
https://web.dev/blog/learn-css-refresh?hl=en
26 469
Создаём анимированные аккордеоны на основе Details
Как создавать продвинутые аккордеоны исключительно с помощью HTML и современного CSS. Применяем элемент
<details> и новые CSS-свойства interpolate-size и transition-behavior для плавной анимации раскрытия контента.
https://www.builder.io/blog/animated-css-accordions?utm_campaign=Issue-60926 469
Filter -- веб редактор изображений
Filter – мощный веб-редактор, созданный на React и TypeScript. Он предлагает интуитивный интерфейс, оптимизирован для мобильных устройств и обеспечивает быструю обработку изображений прямо в браузере. Проект использует Vite, Tailwind CSS и Filerobot Image Editor.
https://github.com/addyosmani/filter
