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 548 suscriptores, ocupando la posición 5 215 en la categoría Tecnologías y Aplicaciones y el puesto 25 424 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 548 suscriptores.
Según los últimos datos del 29 octubre, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -292, y en las últimas 24 horas de -15, 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.76%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 5.80% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 493 visualizaciones. En el primer día suele acumular 1 482 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 30 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 548
Suscriptores
-1524 horas
-797 días
-29230 días
Archivo de publicaciones
25 548
Введение в CSS Cascade Layers
Статья о том, как относительно новая возможность CSS —
@layer позволяет явно управлять порядком применения стилей и уменьшать конфликты между правилами, особенно в крупных проектах с внешними библиотеками и сторонним CSS.
На примерах показано, как можно организовать стили через слои (reset, base, components, utilities) и как слои меняют приоритеты правил без злоупотребления !important.
https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/25 548
Хватит писать try/catch вокруг fetch
История о том, как избавиться от постоянных оберток для отлова ошибок и сделать интерфейс фетчера удобнее.
https://habr.com/ru/articles/943732/
25 548
Друзья!
🚀 Frontend Conf 2025 — совсем скоро!
Если вы думаете, что конференции — это скучные доклады, то Frontend Conf 2025 точно разрушит миф. В этом году я решил лично проверить это и зову вас с собой!
Топ-10 самых ожидаемых выступлений уже определен голосованием самих разработчиков, но мне лично интересно послушать доклады из секции FrontOps (тем более что один из спикеров мой бывший руководитель из Альфы — Иван Усынин, расскажет про микрофронтенды, к которым я так и не подступился).
Кроме основных секций таких как Архитектура, Производительность, Технологии, будут еще специальные: PWA, AI во фронтенде, FrontOps и еще несколько. Весь список секций и выступлений можно посмотреть тут. В общем глаза разбегаются.
А ещё будет уникальный фейл-митап. 6 реальных историй факапов в разработке, как какой-то важный сеньор случайно задизейблил кнопку чекаута в корзине и увидели это только через месяц. Всегда приятно знать, что не только у тебя были факапы 😅
🔥 Не пропустите одно из главных IT-событий этой осени! Подробнее о конференции по ссылке
Для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev
До встречи на Frontend Conf 2025 🚀
25 548
Вам не нужна анимация (ну или не всегда нужна)
Под кликбейтным заголовком Эмиль Ковальский рассказывает, что анимации лучше добавлять, если есть ясная цель — например, создание ощущения отзывчивости интерфейса. Излишняя же анимация, особенно при частом использовании, начинает раздражать и снижает доверие пользователей.
https://emilkowal.ski/ui/you-dont-need-animations
25 548
Основы выравнивания в CSS: полный разбор
Темани Афиф подробно раскрывает логику работы различных свойств для выравнивания и показывает как они работают на практике в различных лейаутах. В гайде много понятных и интерактивных примеров, так что будет что рассказать на собеседовании.
https://css-tip.com/explore/alignment/?utm_campaign=Issue-620
25 548
Наконец, безопасные методы массивов в JS
Безопасность, правда, только в плане того, что они не мутируют начальный массив.
https://allthingssmitty.com/2025/09/08/finally-safe-array-methods-in-javascript/
25 548
Привет!
Сегодня в канале у Дани Ленца, фронта из Яндекса, нашел пост про автоматизацию личных аккаунтов в Telegram через MTProto API. Он сделал бота, который пересылает банковские уведомления друзьям в группу — классная и простая идея.
Вообще, это хорошее напоминание, что разработка на JavaScript уже давно не ограничивается сайтами. Благодаря таким библиотекам, как gramjs, мы можем работать с Telegram напрямую, автоматизировать задачи и строить сервисы поверх привычного стека. У JS-платформы действительно огромные возможности — от фронтенда в браузере до полетных программ в компах SpaceX (надеюсь там без undefined is not a function обходится 😅).
25 548
Почему браузеры замедляют JavaScript-таймеры
Nolan Lawson объясняет, что setTimeout(0) на самом деле не исполняется мгновенно — браузеры намеренно ограничивают минимальную задержку до 4 мс, чтобы предотвратить чрезмерную нагрузку и не замораживать интерфейс. В статье показаны альтернативные варианты — MessageChannel.postMessage, window.postMessage и современный scheduler.postTask() — они обходят это ограничение и работают гораздо быстрее для задач, требующих точного тайминга.
https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/
25 548
Использование Custom Highlight API
Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.
https://frontendmasters.com/blog/using-the-custom-highlight-api/
25 548
Вы неправильно загружаете шрифты (и это сказывается на производительности)
Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.
https://frontendfoc.us/link/173424/web
25 548
Гладкие края в radial-gradient() без артефактов
Ана Тюдор делится трюком: с помощью медиазапросов по разрешению можно добиться того, чтобы радиальные градиенты выглядели чёткими и не размывались. Такой приём помогает сделать фоновые круги и диски максимально аккуратными — без привычных «лесенок» и артефактов.
https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges/?utm_campaign=Issue-619
25 548
Отзывчивое видео теперь (почти) просто реализовать
Туториал, рассказывающий как вы можете отображать HQ вертикальные и горизонтальные варианты для видео без сторонних платформ.
https://www.kooslooijesteijn.net/blog/responsive-video-easy
25 548
So many ranges, so little time
Шпаргалка по свойству animation-ranges. Saron Yitbarek рассказывает все, что вам нужно знать animation-ranges в scroll-driven анимации.
https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation/
25 548
Liquid Glass в веб
Операционные системы Apple обновили свой дизайн. Фишкой этого дизайна стал эффект Liquid Glass. Не очень простой эффект для реализации в вебе. Вот несколько примеров и подходов, которыми разработчики пытаются перенести такой эффект в веб.
https://frontendmasters.com/blog/liquid-glass-on-the-web/
25 548
Иллюстрированный гайд по Big O и временной сложности
JavaScript-ориентированное, интерактивное и визуализированное руководство по системе обозначения Big O и ее роли в описании сложности алгоритмов. Подойдёт даже для тех, кто отличает O(log n) от O(n^2).
https://samwho.dev/big-o/
25 548
Сапер в 100 строк на чистом JavaScript
Простой туториал, который поможет вам лучше понять правила игры.
https://slicker.me/javascript/mine/minesweeper.htm
25 548
Next.js Caching & Rendering Tutorial
1.5 часовой курс по кешированию и рендерингу в Next.js для начинающих.
https://www.youtube.com/watch?v=qYk_BqGHXEg
25 548
CSS лифт: конечный автомат на чистом CSS для навигации по этажам
Как при помощи современных возможностей CSS можно создать полнофункциональный лифт с перемещением между этажами без JavaScript. Интерфейс работает как конечный автомат: пользователь выбирает этаж, и благодаря состояниям CSS лифт «понимает», куда ему двигаться.
https://css-tricks.com/css-elevator-a-pure-css-state-machine-with-floor-navigation/
25 548
Трюк с radio button для корзины товаров
Хороший пример, как управлять интерактивностью и UI-эффектами (плавные переходы и анимация добавления товара), не перегружая интерфейс лишним JavaScript-кодом.
https://css-tricks.com/a-radio-button-shopping-cart-trick/
25 548
Бросаем кости с CSS random()
Новая CSS-функции random() (доступна в Safari Technology Preview) — позволяет генерировать рандомные значения прямо в стилях: позицию, цвет, размеры, анимации и многое другое — без единой строки JavaScript
https://webkit.org/blog/17285/rolling-the-dice-with-css-random
