FrontEndDev
Kanalga Telegram’da o‘tish
🚀 Статьи, новости, туториалы по 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
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali FrontEndDev analitikasi
FrontEndDev (@front_end_dev) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 25 548 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 5 215-o'rinni va Rossiya mintaqasida 25 424-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 25 548 obunachiga ega bo‘ldi.
29 Oktabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -292 ga, so‘nggi 24 soatda esa -15 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 9.76% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 5.80% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 2 493 marta ko‘riladi; birinchi sutkada odatda 1 482 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 12 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, api, интерфейс, html, frontend kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“🚀 Статьи, новости, туториалы по 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”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 30 Oktabr, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
25 548
Obunachilar
-1524 soatlar
-797 kun
-29230 kun
Postlar arxiv
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
