FrontEndDev
Open in 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
Show more
Network:📈 Analytical overview of Telegram channel FrontEndDev
Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 25 541 subscribers, ranking 5 215 in the Technologies & Applications category and 25 424 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 25 541 subscribers.
According to the latest data from 29 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -292 over the last 30 days and by -15 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 9.76%. Within the first 24 hours after publication, content typically collects 5.80% reactions from the total number of subscribers.
- Post reach: On average, each post receives 2 493 views. Within the first day, a publication typically gains 1 482 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 12.
- Thematic interests: Content is focused on key topics such as css, api, интерфейс, html, frontend.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“🚀 Статьи, новости, туториалы по 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”
Thanks to the high frequency of updates (latest data received on 30 October, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
25 541
Subscribers
-1524 hours
-797 days
-29230 days
Posts Archive
25 541
JavaScript, when is this?
Как работает ключевое слово this в JavaScript и как контекст выполнения и стек вызовов влияют на его значение.
https://piccalil.li/blog/javascript-when-is-this/
25 541
Форматирование console.log
Несколько способов сделать вывод логов практичнее и удобнее.
https://developer.chrome.com/docs/devtools/console/format-style
25 541
Применение генераторов
Исследование итераторов, итерируемых объектов и генераторов в JavaScript от Алекса Мак Артура: примеры использования генераторов для создания последовательностей и то, как они могут улучшить эргономику кода.
https://macarthur.me/posts/generators/
25 541
Хакатон «ВНЕДРЕЙД» от Orion soft собирает 300 сильнейших представителей ИТ-касты, готовых штурмовать инфру Т‑Банка, Авито, Lamoda, CDEK и Magnit Tech.
48 часов кода, драйва и никаких ограничений. После 22:00 карета превращается в тыкву, а внедрейд во внедрейв: темные окна, светлые головы и вечно горячий роутер.
Когда? 7-8 июня
Где? Москва, «Суперметалл»
Приз — экспедиция на Эльбрус для всей команды
Присоединяйся к штурму бигтеха: [Подать заявку]
25 541
Хорошая анимация vs отличная анимация
Мелкие детали, на которые стоит обратить внимание, чтобы улучшить вашу анимацию.
https://emilkowal.ski/ui/good-vs-great-animations
25 541
Очищаем куки в браузере с помощью закладки
Однострочник, который можно добавить в закладки, чтобы быстро очистить куки на текущей странице. Короткая заметка с подробностями того, как это работает.
https://henry.codes/writing/a-bookmarklet-for-clearing-cookies-for-the-current-page/
25 541
FontsNinja
Сайт с огромным набором шрифтов, где можно найти, скачать (бесплатно или платно) понравившийся и сохранить в свою коллекцию.
https://fonts.ninja/
25 541
Не просто кнопка "Загрузить": Секреты работы с файлами в React
🎓 19 мая в 20:00 — бесплатный вебинар для разработчиков, которые хотят делать удобную и безопасную загрузку файлов в React-приложениях.
Что покажем:
— Drag & Drop, предпросмотр, валидация — всё, что ждали от UX;
— Обработка PDF, Excel и изображений прямо в браузере;
— Как не «положить» интерфейс при загрузке тяжёлых файлов;
— Защита от XSS, проверка MIME-типов и другие нюансы безопасности.
📌 Для фронтендеров и fullstack-разработчиков, которым важна клиентская оптимизация.
В программе — реальные примеры кода, которые можно сразу использовать.
Урок пройдет в преддверии старта курса «React.js Developer». Каждый участник вебинара получит скидку на обучение.
Регистрация: https://otus.pw/LKaH/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
25 541
Набор инструментов в помощь веб разработчику
Очередной набор небольших утилит от генератора теней и палитр до конверторов и шпаргалок по технологиям.
https://tiny-helpers.dev/
25 541
Тайна процентных высот
Как работают высоты в процентах в CSS? Джош Комо рассказывает, почему процентная высота часто ведет себя не так как мы ожидаем.
https://www.joshwcomeau.com/css/height-enigma/
25 541
Конвертор SVG paths в CSS shape
Интересный инструмент, который использует новую функцию shape() свойства clip-path для создания CSS фигур.
https://css-generators.com/svg-to-css/
25 541
React Router Devtools
Набор инструментов для отладки приложений на основе React Router v7+. Предоставляет интерфейс с вкладками Active Page, Terminal, Settings, Errors, Network и Routes, а также боковую вкладку Timeline, позволяя эффективно отслеживать информацию о страницах, URL-параметрах, ответах сервера, данных загрузчиков, маршрутах и многом другом.
https://github.com/forge-42/react-router-devtools
25 541
Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛
7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп:
👉 Артемий Карпов расскажет, как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе
На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное.
Регистрируйтесь и зовите друзей!
Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.
Реклама. ООО «Яндекс.Такси» ИНН 7704340310
25 541
WebTUI
Модульная CSS библиотека для оформления веб интерфейсов в стиле терминала.
Демо: https://webtui.ironclad.sh/examples/
https://github.com/webtui/webtui
25 541
GSAP теперь бесплатная
Популярную библиотеку для анимации можно использовать бесплатно, включая все ее плагины. Плюс подробности по релизу 3.13.
https://gsap.com/blog/3-13/
25 541
Новоe CSS-свойство margin-trim
Оно позволяет автоматически обрезать внешние отступы своих дочерних элементов, примыкающих к его краям. Это упрощает создание макетов без необходимости вручную удалять отступы у первого и последнего дочерних элементов. Поддерживается пока только в Safari.
https://webkit.org/blog/16854/margin-trim/
25 541
Справочник по операторам JS
Удобный интерактивный справочник по JavaScript-операторам с примерами использования.
https://www.joshwcomeau.com/operator-lookup/
25 541
Что такое Owl Selector (а я думал сова)?
Как и когда удобно применять селектор вида (* + *), а также существующие альтернативы ему.
https://www.youtube.com/watch?v=0O0ssm70g1g
25 541
Пишем эффективные и понятных сообщений об ошибках
О том, почему важно использовать простой язык, избегая технического жаргона и как не раздражать пользователей в стрессовых ситуациях. Рекомендации по формулировке четких инструкций для исправления ошибок чтобы повысить ясность и доверие к интерфейсу.
https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
25 541
Улучшаем типографику с помощью единиц line-height
О новой экспериментальной возможности в WebKit — единицах line-height, таких как lh, rlh, cqh, позволяющих задавать размеры элементов на основе текущей высоты строки. Это упрощает создание адаптивной типографики и позволяет разработчикам лучше контролировать вертикальные ритмы в дизайне.
https://webkit.org/blog/16831/line-height-units/
