Веб-страница
Открыть в Telegram
Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai
Больше
Сеть:📈 Аналитический обзор Telegram-канала Веб-страница
Канал Веб-страница (@tproger_web) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 22 604 подписчиков, занимая 1 335 место в категории Искусство и дизайн и 29 000 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 22 604 подписчиков.
Согласно последним данным от 26 августа, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -148, а за последние 24 часа — -5, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 11.70%. В первые 24 часа после публикации контент обычно набирает 6.44% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 2 646 просмотров. В течение первых суток публикация набирает 1 457 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 7.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как css, javascript, html, github, браузер.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Всё по фронтенду, бэкенду и девопсу в одном месте
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
Регистрация в перечне РКН: https://tprg.ru/64ai”
Благодаря высокой частоте обновлений (последние данные получены 27 августа, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Искусство и дизайн.
22 604
Подписчики
-524 часа
-217 дней
-14830 день
Загрузка данных...
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
август '26
август '26
+51
в 8 каналах
июль '26
+61
в 10 каналах
Get PRO
июнь '26
+60
в 4 каналах
Get PRO
май '26
+107
в 1 каналах
Get PRO
апрель '26
+46
в 2 каналах
Get PRO
март '26
+57
в 3 каналах
Get PRO
февраль '26
+69
в 4 каналах
Get PRO
январь '26
+81
в 3 каналах
Get PRO
декабрь '25
+104
в 5 каналах
Get PRO
ноябрь '25
+105
в 3 каналах
Get PRO
октябрь '25
+90
в 4 каналах
Get PRO
сентябрь '25
+141
в 2 каналах
Get PRO
август '25
+107
в 5 каналах
Get PRO
июль '25
+216
в 5 каналах
Get PRO
июнь '25
+309
в 9 каналах
Get PRO
май '25
+172
в 5 каналах
Get PRO
апрель '25
+105
в 4 каналах
Get PRO
март '25
+262
в 10 каналах
Get PRO
февраль '25
+256
в 8 каналах
Get PRO
январь '25
+222
в 5 каналах
Get PRO
декабрь '24
+142
в 6 каналах
Get PRO
ноябрь '24
+110
в 4 каналах
Get PRO
октябрь '24
+90
в 4 каналах
Get PRO
сентябрь '24
+83
в 4 каналах
Get PRO
август '24
+81
в 3 каналах
Get PRO
июль '24
+134
в 8 каналах
Get PRO
июнь '24
+121
в 13 каналах
Get PRO
май '24
+191
в 9 каналах
Get PRO
апрель '24
+231
в 6 каналах
Get PRO
март '24
+277
в 10 каналах
Get PRO
февраль '24
+273
в 8 каналах
Get PRO
январь '24
+211
в 3 каналах
Get PRO
декабрь '23
+227
в 8 каналах
Get PRO
ноябрь '23
+252
в 5 каналах
Get PRO
октябрь '23
+169
в 6 каналах
Get PRO
сентябрь '23
+196
в 0 каналах
Get PRO
август '23
+204
в 0 каналах
Get PRO
июль '23
+173
в 0 каналах
Get PRO
июнь '23
+310
в 0 каналах
Get PRO
май '23
+219
в 0 каналах
Get PRO
апрель '23
+196
в 0 каналах
Get PRO
март '23
+375
в 0 каналах
Get PRO
февраль '23
+258
в 0 каналах
Get PRO
январь '23
+517
в 0 каналах
Get PRO
декабрь '22
+336
в 0 каналах
Get PRO
ноябрь '22
+321
в 0 каналах
Get PRO
октябрь '22
+475
в 0 каналах
Get PRO
сентябрь '22
+467
в 0 каналах
Get PRO
август '22
+924
в 0 каналах
Get PRO
июль '22
+793
в 0 каналах
Get PRO
июнь '22
+1 038
в 0 каналах
Get PRO
май '22
+984
в 0 каналах
Get PRO
апрель '22
+1 455
в 0 каналах
Get PRO
март '22
+2 145
в 0 каналах
Get PRO
февраль '22
+1 447
в 0 каналах
Get PRO
январь '22
+1 720
в 0 каналах
Get PRO
декабрь '21
+386
в 0 каналах
Get PRO
ноябрь '21
+2 050
в 0 каналах
Get PRO
октябрь '21
+1 542
в 0 каналах
Get PRO
сентябрь '21
+416
в 0 каналах
Get PRO
август '21
+893
в 0 каналах
Get PRO
июль '21
+1 205
в 0 каналах
Get PRO
июнь '21
+605
в 0 каналах
Get PRO
май '21
+543
в 0 каналах
Get PRO
апрель '21
+3 001
в 0 каналах
Get PRO
март '21
+430
в 0 каналах
Get PRO
февраль '21
+703
в 0 каналах
Get PRO
январь '21
+304
в 0 каналах
Get PRO
декабрь '20
+16 536
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 27 августа | +2 | |||
| 26 августа | +1 | |||
| 25 августа | 0 | |||
| 24 августа | +1 | |||
| 23 августа | +4 | |||
| 22 августа | +5 | |||
| 21 августа | 0 | |||
| 20 августа | +1 | |||
| 19 августа | +3 | |||
| 18 августа | +2 | |||
| 17 августа | +3 | |||
| 16 августа | +1 | |||
| 15 августа | +7 | |||
| 14 августа | +1 | |||
| 13 августа | 0 | |||
| 12 августа | +3 | |||
| 11 августа | +3 | |||
| 10 августа | 0 | |||
| 09 августа | +1 | |||
| 08 августа | 0 | |||
| 07 августа | 0 | |||
| 06 августа | +2 | |||
| 05 августа | +2 | |||
| 04 августа | 0 | |||
| 03 августа | +2 | |||
| 02 августа | +5 | |||
| 01 августа | +2 |
Посты канала
Safari расширяет случайность в CSS: random-item() и random() в custom properties
Сегодня WebKit выложил Safari Technology Preview 251.
random() в Safari уже есть со стабильной 26.2, а теперь добавились random-item() для выбора из списка значений, random() внутри custom properties и ключевые слова кеширования property-scoped и property-index-scoped. Разброс блоков в галерее и вариации анимаций описываются в CSS без скрипта с инлайн-стилями.
Из той же сборки стоит примерить: corner-shape (скошенные и вогнутые углы поверх border-radius), @supports at-rule(...) и popover=hint для подсказок, которые не закрывают другие поповеры.
В JavaScript главное import defer: модуль грузится сразу, а выполняется при первом обращении, это ускорение старта без ленивых import(). Плюс Iterator.zip(), chunks(), windows() и WebAssembly Memory64. Убрали процентное значение -webkit-line-clamp: если оно есть в вашем CSS, вёрстка поедет.
Полный список в заметках к релизу.
#браузеры #css #javascript| 2 | Chrome 152: закрыть диалог кликом по подложке без вычисления координат
Раньше для «закрыть модалку при клике мимо» ловили клик на dialog и сверяли getBoundingClientRect с курсором. Теперь CSSPseudoElement в JavaScript, кроме ::before, ::after и ::marker, отдаёт ::backdrop, ::scroll-marker и ::view-transition. Клик по подложке становится обычным событием.
Вторая новинка — CPU Performance API: возвращает «tier» производительности процессора, чтобы снижать детализацию графики на слабых устройствах; работает в связке с Compute Pressure API. Пользователь и админ могут переопределить уровень (политика CpuPerformanceTierOverride), так что значение не истина.
Третья — заголовок Connection-Allowlist: список URL-паттернов, куда документу и его воркерам разрешено ходить. Браузер сам режет остальные исходящие запросы, включая те, что делают сторонние скрипты.
Рейчел Эндрю собрала релиз по пунктам; origin trial Connection Allowlists шёл с Chrome 148 по 151, в 152 заголовок включён по умолчанию.
#браузеры #javascript #безопасность | 676 |
| 3 |  JPEG XL к концу года будет во всех браузерах
Firefox опубликовал intent to ship, Chrome тоже собирается включить формат, у Safari частичная поддержка с 2023 года. За флагом в Firefox JPEG XL жил с 2021-го, но 100 000 строк многопоточного C++ в декодере сочли опасной поверхностью атаки. Mozilla предложила Google Research написать декодер на Rust, так появился jxl-rs, на нём держится реализация в Firefox.
Главный аргумент за формат, по Джейку Арчибальду, прогрессивный рендеринг: картинка в 135 КБ узнаваема после первых килобайт. В Safari этого нет.
По размерам картина смешанная. Фото в вебовском качестве: AVIF 116 КБ против 134 у JPEG XL при SSIMULACRA 2 = 62,8. Без потерь впереди JPEG XL: 1,45 МБ против 1,76 у AVIF и 1,55 у WebP; скриншот 92 КБ против 164. Старые JPEG пережимаются в JPEG XL без потери качества.
Я бы прогнал свой набор картинок через оба кодека. Демо работает в Firefox Nightly, разбор с примерами у Mozilla.
#браузеры #перформанс | 830 |
| 4 |  Что делать, если участники команды видят только свой участок работы, десятиминутный дейли незаметно растягивается на час, а стопперы всплывают слишком поздно, чтобы успеть на них среагировать? В статье смотрим на работу команды и путь задач от бэклога до релиза, и думаем какие коммуникации действительно нужны в этом процессе.
Отдельно о том, что именно должен проверить разработчик перед первым коммитом и как устроены quality gates перед выпуском версии в прод. | 1 562 |
| 5 |  Вместо списка из .btn-primary, .btn-secondary и .btn-danger в CSS появится один .btn-*
Чтобы задать общий стиль всем кнопкам, сегодня приходится перечислять классы через запятую или вешать в разметку лишний общий класс. На августовской встрече рабочей группы CSS в Берлине приняли Class Prefix Selector: .btn-* цепляет любой класс, начинающийся с этого префикса. Идею предложила Лея Веру ещё в 2024 году.
Но радоваться рано: фича живёт только в тексте спецификации, ни один браузер её пока не умеет, и до реализации синтаксис ещё поменяется.
#css | 2 709 |
| 6 |  Один Vue-фронтенд для десктоп, Android и веб
Одна кодовая база, а на выходе программа для Windows, macOS и Linux, сборка для Android и обычный сайт. Так автор и собрал клиент Reddit: Tauri заворачивает фронтенд в десктоп, Capacitor в Android, а он же открывается как сайт.
За таким решением прячутся четыре счёта. Собрать .msi на маке не выйдет: Tauri опирается на нативный тулчейн каждой системы. На старых Windows программа может открыться белым окном. Дефолтный release-бинарник Rust выходит толстым. А с авторизацией вышла отдельная боль: в браузере OAuth возвращает пользователя на callback-адрес, а в упакованном виде отвечать по нему некому.
Подробности на dev.to. | 2 670 |
| 7 |  Нет текста... | 2 480 |
| 8 |  Делаем из плоского фото 3D-сцену со светом и тенями
В новом туториале Codrops Dominik Fojcik показывает, как обычное 2D-изображение начинает отбрасывать настоящие тени: без 3D-модели, одной текстурой. Берёте картинку, генерируете карту глубины и пропускаете свет через WebGPU-шейдер в Three.js.
Фишка в том, что готовые карты глубины обычно 8-битные, всего 256 градаций, и на гладких поверхностях свет ловит ступеньки. Автор же разбирает, как конвертировать карту в float, слегка размыть и сохранить в half-float, чтобы шум исчез.
Работает пока только где есть WebGPU. Пошаговый туториал на Codrops. | 2 104 |
| 9 |  Он не был в отпуске с того самого релиза, который «вот-вот стабилизируется». Пришло время отправить Типичного Программиста в отпуск!
В новой мини-игре нужно откопать разработчика, найти билет, сложить чемодан и подобрать гардероб, в котором не три одинаковые чёрные футболки. Спойлер: он всё равно попытается запихнуть ноутбук в чемодан. Ваша задача — чтобы шорты тоже влезли. Найдите все пасхалки от партнёров и помогите разрабу уйти в отпуск со спокойной душой!
Играть → https://tprg.ru/SEVh | 2 013 |
| 10 |  JWT-аутентификация: лучшие практики
LogRocket разобрал, как не уронить безопасность аутентификации одним неверным решением. Их вывод простой: access короткоживущий и живёт в оперативной памяти, а refresh длинноживущий — прячется в httpOnly-куках, куда JavaScript не достаёт. Даже при XSS атакующий получит только короткий токен, а не ключ к бесконечному входу.
В статье есть и менее очевидные моменты. Если сейчас проектируете аутентификацию или проверяете текущую схему, рекомендую разбор по ссылке. | 2 113 |
| 11 |  Нет текста... | 1 939 |
| 12 |  React не следит за фокусом — useFocus из @reactuses/core делает это за него
В React нет состояния, которое говорит, активно ли сейчас поле ввода. document.activeElement показывает ответ, но не перерендеривает компонент при смене фокуса, а autoFocus стреляет один раз и не даёт вернуть фокус программно. Приходится вешать onFocus и onBlur вручную.
Хук useFocus из @reactuses/core сворачивает это в [isFocused, setFocused]: первая часть отражает реальное состояние элемента, вторая вызывает focus() или blur() по вашей логике. Например, при программном фокусе на поиске.
Для подсветки рамки хватит CSS :focus, но как только фокус начинает управлять JSX через подсказки, плавающие лейблы или паузу тикера, хук убирает шаблонный код.
Я бы сохранил его для форм и модалок, где фокус важен для UX, а не только для стилей. Разобрали в статье. | 3 213 |
| 13 |  Какой побеждает в тебе? | 2 911 |
| 14 |  Выбираем менеджер пакетов
При десятке JS/TS-проектов вопрос — не «кто быстрее ставит», а «кто не раздует node_modules и не даст импортнуть левое». Автор сравнения оценил npm, Yarn, pnpm и Bun по этому критерию.
Разбор по ссылке. | 3 058 |
| 15 |  Утечки памяти в JS: почему фронтенд тормозит со временем
Долгоживущие вкладки часто тормозят из-за мелких ссылок, которые не дают сборщику мусора освободить память. В JavaScript объект живёт, пока на него остаётся ссылка, и удаление последней ссылки отправляет его в следующий проход сборщика мусора.
Чаще всего утечки дают забытые таймеры и обработчики событий, отсоединённые DOM-узлы, оставшиеся в массивах, и глобальные переменные без let, const или var. Замыкания тоже держат ссылки дольше, чем нужно.
Проверить проще, чем кажется: в Chrome DevTools вкладка Memory покажет снимок кучи и найдёт объекты, которые висят дольше положенного. А для метаданных объектов посмотрите на WeakMap: при удалении основной ссылки данные уйдут вместе с ней. Подробнее в азборе от Sharique Siddiqui. | 3 989 |
| 16 | uBlock Origin больше не фильтрует рекламу в *Facebook
Разработчик проекта объявил, что команда прекращает поддержку сайта: соцсеть меняет разметку быстрее, чем волонтёры успевают чинить фильтры. Правки со стороны примут пул-реквестом, но сами тянуть это больше не будут.
Интереснее механика, из-за которой гонка проиграна. Слово Sponsored на карточке рекламы разбито на отдельные буквы, каждая живёт в своём элементе, и приёму этому около пяти лет. Порядок букв иногда перемешивают, а между ними подставляют фиктивные символы, так что фильтр, ловящий объявление по тексту, получает мусор.
*Компания Meta и её продукты признаны экстремистскими, их деятельность запрещена на территории РФ. | 3 935 |
| 17 |  Нет текста... | 2 520 |
| 18 | Откройте свой логотип в Chrome и Firefox рядом: в одном он будет толще
Растровая иконка размером пикселей в пятнадцать в двух браузерах выглядит по-разному: в Chrome штрихи полнее, в Firefox ближе к оригиналу. Оказалось, что некоторые изображения Chrome целиком даже не распаковывает.
Разработчик разобрал, почему так: сколько мегабайт памяти браузер на этом экономит, при чём тут блоки 8 на 8 и почему тот же приём годится не только для уменьшения.
Проверить у себя можно за минуту: откройте страницу в двух браузерах и приблизьте иконку. Если разница видна, читайте разбор целиком, он короткий и с примерами до и после. Заодно узнаете, чем это лечится. | 2 735 |
| 19 |  Почему учиться в IT стало сложнее?
Вайбкодинг создал иллюзию, что теперь любой может сделать продукт быстро и легко, всего лишь с парой подписок.
Работает это не так: необходимость разбираться в том, как всё устроено, применять знания и читать код никуда не делась.
Разбор задачи, на который раньше уходил месяц, теперь укладывается в десять минут. Именно за этот месяц набирался опыт, а теперь без хорошей базы почти невозможно оценить то, что модель выдала за минуты.
Почему разбираться теперь приходится глубже и быстрее, и что с этим делать — читайте на Tproger: https://tproger.ru/articles/uchitsya-v-it-stalo-slozhnee-chto-na-samom-dele-izmenil-vajbkoding | 2 564 |
| 20 |  Почему хорошие идеи так и остаются в заметках?
«Инициатива наказуема» — знакомое выражение? Промолчал, ничего не сделал: не накажут. Предложил и ошибся: накажут почти наверняка.
Например, некоторые компании переняли у Toyota контроль качества, только наоборот. У японцев за найденный брак поощряли, а в других компаниях стали наказывать. Так и пропадает желание что-то предлагать.
В новом материале на Tproger разбираем три ловушки, которые убивают инициативу внутри компании.
https://tproger.ru/articles/chto-mewaet-zapustit-novye-produkty-vnutri-kompanii | 2 432 |
