Инструменты
Каталог TGAds
beta
Мониторинг
Детальная статистика
Анализ аудитории
Telegraph-статьи
Бот аналитики
Полезная информация
Инструкция Telemetr
Документация к API
Чат Telemetr
Полезные сервисы
Защита от накрутки
Создать своего бота
Продать/Купить канал
Монетизация
Не попадитесь на накрученные каналы! Узнайте, не накручивает ли канал просмотры или
подписчиков
Проверить канал на накрутку
Телеграм канал «WebDev+ | Веб-разработка»
383
238
8
0
2.0K
Подписчики
Всего
9 052
Сегодня
-5
Просмотров на пост
Всего
697
ER
Общий
6.82%
Суточный
5%
Динамика публикаций
Telemetr - сервис глубокой аналитики
телеграм-каналов
телеграм-каналов
Получите подробную информацию о каждом канале
Отберите самые эффективные каналы для
рекламных размещений, по приросту подписчиков,
ER, количеству просмотров на пост и другим метрикам
рекламных размещений, по приросту подписчиков,
ER, количеству просмотров на пост и другим метрикам
Анализируйте рекламные посты
и креативы
и креативы
Узнайте какие посты лучше сработали,
а какие хуже, даже если их давно удалили
а какие хуже, даже если их давно удалили
Оценивайте эффективность тематики и контента
Узнайте, какую тематику лучше не рекламировать
на канале, а какая зайдет на ура
на канале, а какая зайдет на ура
Показано 7 из 383 постов
Смотреть все посты
Пост от 30.12.2025 09:07
294
1
6
Знал про этот трюк в React?
Если стоят React DevTools, зажимаешь Ctrl + Shift и наводишь курсор на элемент — увидишь название компонента, которому он принадлежит. Удобно, когда быстро хочешь понять, что где рендерится.
@WebDev_Plus
👍
2
Пост от 29.12.2025 19:07
401
1
3
TIL про ListFormat.
Очень удобная и реально мощная штука в JavaScript для форматирования списков так, чтобы они выглядели как естественная человеческая речь.
@WebDev_Plus
Пост от 29.12.2025 09:07
514
0
1
Когда я использую ![]()
вместо
😁
11
😭
1
Пост от 28.12.2025 19:07
564
1
11
Обожаю профайлер в Chrome DevTools. Благодаря ему нашёл одну строку, из-за которой функция тупо работала намного медленнее, чем должна. Поменял её — стало в десять раз быстрее, ушло минуты две. Такие лёгкие перф-плюшки реально стоит собирать, окупается на раз.
@WebDev_Plus
❤
5
👍
3
👎
1
Пост от 28.12.2025 09:07
457
0
11
Оргструктуры, дерево файлов, турнирные сетки — всё на чистом CSS. Без canvas, без SVG, без JavaScript. Только flexbox и псевдоэлементы.
Разбираем по шагам. Начнём с базового дерева слева направо, где пару десятков строк CSS превращают вот это…(1 photo) во вот это…(2)
HTML — обычные вложенные списки:
становится flex-контейнером:
li {
display: flex;
flex-direction: row;
align-items: center;
}
Дочерние элементы идут горизонтально, ноды остаются по центру по вертикали.
Первая линия: от родителя к дочерним элементам. Ставим её на
-
1
- 1.1
- 1.2
- , а не на родительский
- : ul::before { content: ""; position: absolute; left: 0; top: 50%; border-top: 1px solid; width: 2vw; } Дальше: линии от каждого ребёнка обратно к родителю. Та же техника, но на
- : li::before { content: ""; position: absolute; left: 0; top: 50%; border-top: 1px solid; width: 2vw; } Проблема: корневой элемент тоже получает линию, хотя родителя у него нет. Чиним через селектор прямого потомка: .tree > li { padding-left: 0; &::before, &::after { display: none; } } Самое тонкое место — вертикальные линии между соседями. Нужны разные высоты: первый ребёнок — нижняя половина последний — верхняя половина все промежуточные — целая линия Используем ::after: li::after { content: ""; position: absolute; left: 0; border-left: 1px solid; } li:first-of-type::after { height: 50%; bottom: 0; } li:last-of-type::after { height: 50%; top: 0; } li:not(:first-of-type):not(:last-of-type)::after { height: 100%; } 78 строк CSS — и дерево готово. Но это только горизонтальный вариант слева направо. @WebDev_Plus
👍
4
Пост от 27.12.2025 19:07
553
0
22
Эффект снега для вашего веб-сайта с помощью CSS и JS.
https://codepen.io/jkantner/pen/MYeWWab
@WebDev_Plus
🔥
3
Пост от 27.12.2025 09:07
609
0
4
Входящие сообщения WhatsApp для Cloud API, созданного с помощью Next.js
https://github.com/gokapso/whatsapp-cloud-inbox/
@WebDev_Plus
