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
Red:📈 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 25 555 suscriptores, ocupando la posición 5 221 en la categoría Tecnologías y Aplicaciones y el puesto 25 433 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 25 555 suscriptores.
Según los últimos datos del 28 octubre, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -293, y en las últimas 24 horas de -14, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 9.60%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 5.79% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 454 visualizaciones. En el primer día suele acumular 1 479 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 12.
- 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 29 octubre, 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.
25 555
Suscriptores
-1424 horas
-787 días
-29330 días
Archivo de publicaciones
25 548
Друзья, привет!
На связи проект Лиза Алерт —Добровольческий поисково-спасательный отряд, который занимается поиском людей.
Для реализации продукта, который поможет спасти жизни, нам очень нужны frontend разработчики (React+TypeScript) с опытом. Проект некоммерческий, нужны волотнеры.
Для связи писать @Shilkin_Dmitry
25 548
Prompting — это акт разработки: как формировать и улучшать работу с AI
Линдон Серейо показывает, что промпты — это не просто инструкции для модели, а скорее гибрид творческого брифа и диалога с ИИ, где важно продумывать контекст и тон. Он предлагает подходить к prompting как к инструменту разработки: формировать структуру, делить на шаги, проверять и уточнять — чтобы получать более качественные и предсказуемые ответы от AI
https://www.smashingmagazine.com/2025/08/prompting-design-act-brief-guide-iterate-ai/
25 548
Вам может пригодиться useSyncExternalStore
Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.
https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
25 548
Воссоздание анимации кнопки Google Gemini с помощью CSS
В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции CSS shape() и clip-path для создания морфирующих геометрических форм.
https://css-tricks.com/recreating-gmails-google-gemini-animation
25 548
Представлен Chrome DevTools MCP для взаимодействия с браузером
Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.
https://addyosmani.com/blog/devtools-mcp/
25 548
Амбиентные анимации в веб дизайне: принципы и реализация
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
25 548
Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их широкой или недавней доступности, а также по годам. Отдельный пакет
browserslist-config-baseline больше не нужен, что упрощает конфигурацию проекта.
https://web.dev/blog/browserslist-supports-baseline?hl=en25 548
Обновленный курс по изучению CSS от команды Chrome
Материал классического курса был значительно переработан и дополнен девятью новыми модулями, чтобы отразить нововведения за последние четыре года. Теперь курс охватывает такие функции, как вложенность CSS, контейнерные запросы, пользовательские свойства и многое другое, фокусируясь на ключевых возможностях, доступных сегодня.
https://web.dev/blog/learn-css-refresh?hl=en
25 548
Создаём анимированные аккордеоны на основе Details
Как создавать продвинутые аккордеоны исключительно с помощью HTML и современного CSS. Применяем элемент
<details> и новые CSS-свойства interpolate-size и transition-behavior для плавной анимации раскрытия контента.
https://www.builder.io/blog/animated-css-accordions?utm_campaign=Issue-60925 548
Filter -- веб редактор изображений
Filter – мощный веб-редактор, созданный на React и TypeScript. Он предлагает интуитивный интерфейс, оптимизирован для мобильных устройств и обеспечивает быструю обработку изображений прямо в браузере. Проект использует Vite, Tailwind CSS и Filerobot Image Editor.
https://github.com/addyosmani/filter
25 548
Feature Highlight
Библиотека для подсветки UI элементов в приложении. Удобно для создания онбординга.
https://github.com/ahmad-moussawi/feature-highlight
25 548
Упрощаем CSS с помощью псевдокласса :is()
Как псевдокласс :is() позволяет группировать сразу несколько селекторов внутри одного правила — вместо длинных списков через запятую — что делает CSS чище и проще поддерживаемым. Реальные примеры, где :is() помогает избавиться от дублирования правил и уменьшить вложенность селекторов, не теряя выразительности стилизации.
https://gomakethings.com/reducing-css-complexity-with-the-is-pseudo-class/
25 548
Стилизуем счётчики в CSS
Как использовать CSS Counters и
@counter-style для автоматической нумерации элементов, оформления списков и нестандартных маркеров, без добавления лишнего HTML или JS.
https://css-tricks.com/styling-counters-in-css25 548
🚀 AlfaHost.io — сервера без лагов
Ищете VPS с балансом цены и стабильности? Мы сделали тарифы так, чтобы было честно: быстрые NVMe-диски, выделенные ресурсы и SLA 99,8% аптайма.
Ваши проекты работают стабильно и предсказуемо.
🎁 Доступно всего 100 промо-тарифов по $3. А также гифткоды за подписку на @alfahost_io
— Оплата криптой и в рублях
— Сервер готов к работе за минуты
— Сети до 10Гбит/с
— Локации в Европе: Нидерланды, топовые Ryzen 9950x в Эстонии. Скоро - Германия, Финляндия, Швеция 🔥
По промокоду
ALFA_KKlBLDn будет скидка 10% 🔥
VPS от $6, реферальная программа с 15% бонусом и возможностью вывода.
⚡️ Забирайте сервер на AlfaHost.io, пока тарифы не разобрали!25 548
View Transitions: что может пойти не так?
Сборник наиболее частых проблем, когда View Transition API не стартует, срабатывает некорректно или зависает — проблемы в имени перехода, отсутствие нужных CSS-правил, конфликты с фреймворками, кросс-доменной навигацией и т.п. Способы диагностики и устранения проблем.
https://vtbag.dev/tips/view-transition-fails-and-fixes/
25 548
MCP заменяет браузер: как разработчикам подготовиться к этому
Model Context Protocol (MCP) — новая парадигма, где AI-агенты вместо традиционного браузера будут напрямую вызывать API/инструменты MCP-сервера для выполнения задач, которые раньше мы бы делали кликами и навигацией.
Теперь разработчикам придется думать не о пикселях и UI-элементах, а о чётких эндпоинтах, API с понятной семантикой, UX, ориентированном на AI, и безопасности.
https://blog.logrocket.com/mcp-is-replacing-the-browser/
25 548
Интеграция CSS Cascade Layers в существующий проект
Подробный взгляд на внедрение CSS Cascade Layers в существующую кодовую базу, показывающий, как можно рефакторить старый CSS, используя слои, не нарушая при этом работоспособности сайта.
В качестве примера рефакторинга взят сайт Discord-бота, где демонстрируется, как с помощью слоёв можно улучшить структуру и управляемость стилей.
https://www.smashingmagazine.com/2025/09/integrating-css-cascade-layers-existing-project/
25 548
+2
Mos.Hub//Парк.Код: разработчики кодят прямо на Садовом кольце
В этом году День программиста совпал с Днем города в столице, — и двойной праздник решили отметить по-особенному. В павильоне «Цифровые технологии Москвы» в «Музеоне» проходит хакатон под открытым небом Mos.Hub//Парк.Код.
Три волны ИТ-спринта, 40 минут на создание приложения, Python, Java или другой современный язык программирования, мгновенная загрузка результатов после тестирования. В целом привычный для разработчиков формат, вот только локация необычная. Место действия — не офис или коворкинг, а парк в самом центре столицы.
День программиста, который мы заслужили!
Подписывайтесь на «ДИТ: Технологии Москвы» — там рассказывают, как развивают ИТ в Москве.
25 548
Интерполяция цветов в CSS
Color interpolation — браузерный механизм расчета промежуточных цветов между двумя заданными, например в градиентах, переходах или анимациях. Более подробно о том как это работает, почему цветовое пространство (sRGB, Lab, OKLCH и др.) влияет на визуальный результат и как это можно применять чтобы сделать интерфейсы визуально приятнее — в статье.
https://css-tricks.com/what-you-need-to-know-about-css-color-interpolation
