Аналитика Telegram-канала
Подписчики
5 394
Охват за 24 ч
1,1K
ER за 24 ч
20,30%
Публикаций
523
Динамика подписчиков
7 дней
30 дней
6 месяцев
Больше
23 окт26 окт29 окт
Показаны последние 7 дней
Больше истории →
Охваты публикаций
02.1005.1006.1009.1020.1028.10
158
Средний охват
367
Лучший результат
Показаны 6 публикаций — последние в канале
Больше статистики →
Упоминания
73
Упоминаний
34
Из них репостов
47
Каналов
84
Упоминаний
22
Из них репостов
39
Каналов
Последние посты
3 из 523 2 из 523
Определяем перекрытие элементов при помощи CSS
До чего техника дошла. Ахмад Шадид делится способом понять, два элемента в CSS налазят друг на друга или нет. Ну и подстроить под это визуальную часть.
Работает на сочетании Anchor Positioning API, Scroll Timeline API и Container Style Queries.
Раньше для такого нужно было явно прописать брейкпоинты. Садится верстальщик, теребит край окошка влево-вправо, подбирает пиксель, где нужно декоративный элемент спрятать. А теперь можно собрать файлик CSS, который будем смотреть на любом размере вьюпорта, помещается декоративность или нет. Технолоджия.
https://ishadeed.com/article/css-detect-overlap/
ещё
367
8
5 28 окт, 18:59
Полифил для CSS Typed OM
Стоит, наверное, начать с того, а что же такое этот ваш Typed OM. Когда вы задаёте какое-то значение CSS-свойства через JS, то по сути пишете строку, которую браузер парсит и натягивает на элемент. Причём можно задать кривую строку — и ничего не упадёт.
el.style.opacity = "wtf"; — валидная инструкция, к сожалению, хоть сам CSS получится не валидный.
А ведь браузер вообще-то знает типы данных каждого свойства. Он умеет отличать строки от чисел, длины от времени и так далее.
Так вот, CSS Typed OM — это возможность работать со свойствами элементов через attributeStyleMap, где каждое поле типизировано. А ещё при попытке запихнуть в неверный тип кривое значение вы буквально получаете ошибку, которую можно перехватить. На сдачу получаем ускорение на 30% для кода, который вертит-крутит CSS-стили в вашем приложении.
В общем, я фанат этой штуки уже лет 8 в теории (на практике не применял пока что осознанно). И она даже скоро станет кроссбраузерной (Firefox вот-вот, уже-уже). А пока можно воспользоваться полифилом. Хорошим полифилом, который учитывает тесты веб-платформы.
https://www.bram.us/2026/10/13/introducing-css-typed-om-a-complete-and-wpt-tested-polyfill-for-css-typed-om/
ещё
317
4
6 20 окт, 14:06
А есть уже проект с таким же именем?
Брамус хотел опубликовать npm-пакет, но внезапно обнаружил, что пакет с таким именем уже есть. Поэтому собрал cli-утилиту, которая проверяет доступность имени в NPM и Netlify. При желании можно добавить свой чекер для любого другого сервиса.
https://www.bram.us/2026/10/08/caniname-cli-tool-to-check-project-name-availability/
ещё
78
0
9 окт, 20:34
Продолжить анализ этого канала
- История роста подписчиков
- Просмотры и охваты публикаций
- Кто упоминает канал и кого упоминает он
- Похожие каналы и подбор для рекламы
Открыть аналитику
Демо до 14 дней