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 26 082 suscriptores, ocupando la posición 4 985 en la categoría Tecnologías y Aplicaciones y el puesto 24 911 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 082 suscriptores.
Según los últimos datos del 27 agosto, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -169, y en las últimas 24 horas de -4, 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.15%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 5.75% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 648 visualizaciones. En el primer día suele acumular 1 500 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 9.
- 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 28 agosto, 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 082
Suscriptores
-424 horas
-437 días
-16930 días
Archivo de publicaciones
26 082
7 рецептов для View Transitions в CSS
Собрали готовые шаблоны анимаций для плавных переходов между страницами: от простого dissolve до более выразительных эффектов. Подходит как для практики, так и для быстрого внедрения в веб приложения с учетом prefers-reduced-motion.
https://css-tricks.com/7-view-transitions-recipes-to-try/
26 082
SVGInject: внедряйте SVG inline в DOM без сборки
Небольшая библиотека заменяет img на inline svg, чтобы стилизовать любые path, circle и group через CSS, включая анимации и темную тему. Поддерживает кэширование, предотвращает конфликты ID и автоматически улучшает доступность через ARIA.
https://github.com/iconfu/svg-inject
26 082
Поддержка Solid 2.0 beta в TanStack Router, Start и Query
Solid 2.0 beta: асинхронный рендер, derived state и SSR получили новые паттерны, а TanStack Router, Start и Query остаются совместимыми. Достаточно обновить зависимости и, при необходимости, добавить solid-query, чтобы сразу получить роутинг, загрузочные состояния и data fetching в одном стеке.
https://tanstack.com/blog/tanstack-start-solid-v2
26 082
Syncpack для монорепозитория: единые версии зависимостей без рассинхрона
Syncpack помогает находить и фиксить расхождения версий в больших JavaScript монорепах, а также задавать правила для точных и loose semver диапазонов. Можно принудительно держать одну версию, банить нежелательные пакеты и автоматически обновлять зависимости, сохраняя консистентность package.json.
https://syncpack.dev/
26 082
Name-only контейнеры в CSS для безопасного scoped стиля
Name-only контейнеры позволяют ограничивать область действия стилей по имени без условий, решая конфликт классов в больших дизайн системах и многолетних проектах. Это ближе к тому, что дают CSS modules и scoped styles в компонентах, но с поддержкой на уровне веб платформы.
https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/
26 082
Pretext — библиотека, которая считает текстовую вёрстку в 500 раз быстрее браузера. Зачем это нужно и как работает
28 марта 2026 инженер Midjourney Cheng Lou выложил в открытый доступ движок текстовой верстки Pretext на чистом TypeScript, который обходит DOM и layout reflow. Это ускоряет сценарии с постоянными пересчётами высоты текста — от AI-стриминга до виртуализации списков.
https://habr.com/ru/articles/1020058/
26 082
View Transitions toolkit для удобной работы с продвинутыми переходами
Набор утилит для View Transitions: детект поддержки, shim для activeViewTransition, оптимизация keyframes, управление воспроизведением и автоматическая подстановка transition типов при навигации. Устанавливайте npm пакет и используйте готовые хелперы, чтобы не изобретать велосипед каждый раз при сложных анимациях.
https://www.bram.us/2026/04/02/view-transitions-toolkit/
26 082
Как правильно реализовать кнопку Назад во Vue
Кнопка «Назад» должна возвращать по истории браузера, а не делать router.push, иначе получим дубли страниц и ловушку навигации. Разбераемся, когда использовать router.back или router.go(-1), и как добавить fallback и beforeNavigate для сложных сценариев.
https://habr.com/ru/articles/1023578
26 082
Нормализация состояния в React через Entity Registry на Zustand
Разбор паттерна Entity Registry с рекурсивным парсингом и мягкими удалениями для аккуратного UI и точечных перерендеров.
https://habr.com/ru/articles/1019110/
26 082
Модули JavaScript в веб платформе
Добавили недостающую семантику для <script type="module">, чтобы модули корректно резолвились и исполнялись в браузере, включая нюансы загрузки и атрибутов. Параллельно прорабатываются worker modules и готовится основа для будущих динамических API подгрузки.
https://blog.whatwg.org/js-modules
26 082
Как правильно организовать передачу файлов через WebRTC DataChannel
Передача файлов в WebRTC зависит от многих факторов: буфер SCTP, готовность получателя, переподключения, жизненный цикл файлов. Разбираем 6 реальных проблем и практические решения для P2P с TURN fallback, чтобы прогресс и статус отправки совпадали.
https://habr.com/ru/articles/1022522/
26 082
Dither Image Online: генератор ретро пиксельного и точечного арта в реальном времени
Быстро превращаем фото в эффект stippling и pixel art прямо в браузере, настраивая алгоритмы Bayer, Crosshatch, Halftone и Contour, а также силу, цветовые уровни и bloom. Подходит для креаторов, веб дизайнеров и тех, кому нужны легкие текстуры и точечные ассеты без долгого пайплайна.
https://ditherimage.online/
26 082
Палитра команд для UI: как победить хаос в много модульных интерфейсах
Показываем, как единая строка поиска команд по примеру VSCode резко упрощает навигацию в интерфейсах с десятками модулей и скрытыми действиями. Идея помогает уйти от инструкций вида открой слева категорию и найти нужную кнопку в бесконечных меню.
https://habr.com/ru/articles/1021812/
26 082
Windows 95 в виде Electron приложения
Полноценная Windows 95 в десктопном приложении на Electron поверх v86 JavaScript и WASM: монтирование папок как Z: диск, ISO как CD-ROM, общий буфер обмена и улучшенный интернет. Внутри есть готовые сценарии запуска игр и DOS приложений, а также инструкция по сборке из исходников и работе с образами диска.
https://github.com/felixrieseberg/windows95
26 082
Обфускация email адресов в 2026 году
Лучшие техники скрытия email для защиты от спам ботов: комбинируйте HTML сущности, комментарии, SVG и CSS подходы, а также учитывайте статистику по тому, что реально ломается у разных парсеров. Разбираются варианты для обычного текста и кликабельных ссылок, включая практические нюансы доступности и устойчивости.
https://spencermortensen.com/articles/email-obfuscation/
26 082
Как прервать async workflow в JavaScript без отмены промисов
В JavaScript нет универсального .cancel() для Promise, поэтому для контроля потока используют подвешивание промиса, который никогда не резолвится, и GC завершает подвешенную логику. Под капотом важно понимать, почему ошибки и try/catch могут случайно проглотить прерывание, а генераторы позволяют остановить выполнение без исключений и ловушек.
https://www.inngest.com/blog/hanging-promises-for-control-flow
26 082
Как frontend-разработчику вырасти в ЗП?
День сурка frontend-разработчика выглядит так
Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов
Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывют странными алгоритмами «на скорость».
И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...
Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множетсво успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFHRNVQM ИП Галактионов Тихон Витальевич, ИНН 771618975809
26 082
JS Paint, пиксельный MS Paint ремейк с темами и расширениями
Пиксель-редактор в браузере с точной копией инструментов MS Paint, поддержкой прозрачности, загрузкой из URL и экспортом истории в GIF. Есть темы, тач управление, dwell clicker и speech recognition, плюс удобные расширения вроде быстрого Undo и работы с палитрами.
https://github.com/1j01/jspaint
26 082
Выбор диапазона дат в CSS с :nth-child и минимальным JS
Делаем календарь на CSS grid используя селектор :nth-child, чтобы легко подсвечивать нужные элементы. JS нужен только для логики обновления диапазона при выборе третьей даты, а не для перебора DOM.
https://css-tricks.com/selecting-a-date-range-in-css/
26 082
Готовим сервис к продакшену
Open-source проект в котором собраны практики уровня production на примере Node.js/NestJS API: CI/CD, rollback, миграции, observability, metrics, terraform, AWS deployment и т.д.
https://github.com/prod-forge/backend
