FrontEndDev
Відкрити в 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
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу FrontEndDev
Канал FrontEndDev (@front_end_dev) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 26 079 підписників, посідаючи 4 976 місце в категорії Технології та додатки та 24 895 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 26 079 підписників.
За останніми даними від 28 серпня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -172, а за останні 24 години на -2, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 10.46%. Протягом перших 24 годин після публікації контент зазвичай збирає 5.63% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 729 переглядів. Протягом першої доби публікація в середньому набирає 1 468 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 10.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, api, интерфейс, html, frontend.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“🚀 Статьи, новости, туториалы по 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”
Завдяки високій частоті оновлень (останні дані отримано 29 серпня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
26 079
Підписники
-224 години
-397 днів
-17230 день
Архів дописів
26 081
Where It’s at:// — как работает протокол AT и at:// URI
Дэн Абрамов подробно разбирает, как устроен протокол AT (Atmosphere) и как at:// URI соотносятся с реальными JSON-данными в сети. Он шаг за шагом объясняет, как разрешается такой URI к физическому JSON-объекту.
https://overreacted.io/where-its-at/
26 081
Развлекаемся с кастомными курсорами
Райан Финни показывает 2 способа изменения дефолтного курсора.
https://www.letsbuildui.dev/articles/fun-with-custom-cursors/
26 081
Обновление Safari 26.0
75 новых функций и 171 улучшение, среди которых поддержка якорного позиционирования и анимаций, управляемых прокруткой. Продвинутая функция
progress(), улучшенная расстановка текста с text-wrap: pretty и упрощенное выравнивание элементов в абсолютном позиционировании.
https://css-tricks.com/touring-new-css-features-in-safari-26/26 081
Релиз React 19.2 — что нового?
Ключевые нововведения: компонент
<Activity /> для гибкого управления видимостью частей приложения, хук useEffectEvent для более чистой реализации эффектов. Частичный пререндеринг, новые треки производительности в DevTools и улучшения в SSR.
https://react.dev/blog/2025/10/01/react-19-226 081
Веб — Стандарты: Выпуск 494
Новые возможности Chrome 140, включая Scoped View Transitions, улучшения масштабирования текста, Temporal API, Chrome DevTools MCP.
https://web-standards.ru/podcast/494/
26 081
👩💻 Всем программистам посвящается!
Вот 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 081
Ваши изображения (возможно) слишком большие
Часто мы загружаем на сайт изображения гораздо крупнее, чем необходимо для просмотра, что приводит к лишнему расходу трафика и долгой загрузке. Многие думают, что компонент
<Image/> из NextJS автоматически решит эту проблему, однако без правильного атрибута sizes изображения всё равно могут быть избыточными для меньших экранов. Как это исправить — в статье.
https://reasonunderpressure.com/blog/posts/your-images-are-probably-oversized26 081
Представлен Wasm 3.0 — новое поколение стандарта с масштабными обновлениями
Обновления 3 версии включает 64-битную адресную память, поддержку множественных областей памяти, встроенный сборщик мусора и расширенную систему типизированных ссылок. Новая версия также добавляет нативную обработку исключений и позволяет эффективно компилировать высокоуровневые языки.
https://webassembly.org/news/2025-09-17-wasm-3.0/
26 081
Друзья!
До Frontend Conf 2025 осталось меньше месяца, а до повышения цен — всего пара дней 🫨 Для тех, кто еще не решил, будет ли конфа интересной/полезной, на Хабре вышел обзор Главные тренды фронтенда в 2025 году: AI, архитектура, PWA и многое другое, где можно почитать более подробно про каждую секцию.
👉 Подробнее о самой конференции по ссылке
Напоминаю, что для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev 🔥
Всем добра! ✌️
26 081
Удобнее чем Ctrl + F: ссылки прямо на контент
Добавляем ссылки на текст с помощью специального синтаксиса URL-адреса, который браузер интерпретирует для прокрутки и выделения указанного контента. Теперь вы можете создавать ссылки на фрагменты текста, а в Chromium-браузерах даже есть встроенная функция для этого.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
26 081
Новые возможности CSS типизированной арифметики
Начиная с Chrome 140 мы можем делать вычисления в CSS, смешивая различные типы данных. Звучит не так грандиозно, но это позволяет создавать сложные и данимаческие макеты и анимации без JS.
https://css-tricks.com/css-typed-arithmetic/
26 081
Друзья, привет!
На связи проект Лиза Алерт —Добровольческий поисково-спасательный отряд, который занимается поиском людей.
Для реализации продукта, который поможет спасти жизни, нам очень нужны frontend разработчики (React+TypeScript) с опытом. Проект некоммерческий, нужны волотнеры.
Для связи писать @Shilkin_Dmitry
26 081
Prompting — это акт разработки: как формировать и улучшать работу с AI
Линдон Серейо показывает, что промпты — это не просто инструкции для модели, а скорее гибрид творческого брифа и диалога с ИИ, где важно продумывать контекст и тон. Он предлагает подходить к prompting как к инструменту разработки: формировать структуру, делить на шаги, проверять и уточнять — чтобы получать более качественные и предсказуемые ответы от AI
https://www.smashingmagazine.com/2025/08/prompting-design-act-brief-guide-iterate-ai/
26 081
Вам может пригодиться useSyncExternalStore
Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.
https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
26 081
Воссоздание анимации кнопки Google Gemini с помощью CSS
В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции CSS shape() и clip-path для создания морфирующих геометрических форм.
https://css-tricks.com/recreating-gmails-google-gemini-animation
26 081
Представлен Chrome DevTools MCP для взаимодействия с браузером
Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.
https://addyosmani.com/blog/devtools-mcp/
26 081
Амбиентные анимации в веб дизайне: принципы и реализация
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
26 081
Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их широкой или недавней доступности, а также по годам. Отдельный пакет
browserslist-config-baseline больше не нужен, что упрощает конфигурацию проекта.
https://web.dev/blog/browserslist-supports-baseline?hl=en26 081
Обновленный курс по изучению CSS от команды Chrome
Материал классического курса был значительно переработан и дополнен девятью новыми модулями, чтобы отразить нововведения за последние четыре года. Теперь курс охватывает такие функции, как вложенность CSS, контейнерные запросы, пользовательские свойства и многое другое, фокусируясь на ключевых возможностях, доступных сегодня.
https://web.dev/blog/learn-css-refresh?hl=en
26 081
Создаём анимированные аккордеоны на основе Details
Как создавать продвинутые аккордеоны исключительно с помощью HTML и современного CSS. Применяем элемент
<details> и новые CSS-свойства interpolate-size и transition-behavior для плавной анимации раскрытия контента.
https://www.builder.io/blog/animated-css-accordions?utm_campaign=Issue-609