Кого упоминает канал

Почему горизонтальная прокрутка мешает закрепить заголовок таблицы Таблице задали overflow-x: auto, первой колонке — left: 0, заголовку — top: 0 и position: sticky. Колонка закрепилась, а заголовок не держится у верхнего края страницы. Контейнер фактически стал прокручиваемым по… в MAX →

Как управлять каскадом CSS через @layer и :where() В большом проекте порядок стилей можно зафиксировать прямо в CSS: @layer reset, base, components, utilities;. Обычное правило из более позднего слоя победит правило из раннего независимо от специфичности. Поэтому утилита сможет п… в MAX →

Как @property управляет вычислением CSS-переменной Без регистрации значение пользовательского свойства хранится как набор токенов. Если у второго div задать --index: sibling-index(), а применить var(--index) к его первому ребёнку, sibling-index() вычислится для ребёнка и вернёт 1… в MAX →

Как проверить поведение CSS, которое не видит @supports @supports умеет проверить, распознаёт ли браузер объявление, селектор или правило. Но совместный эффект он не проверяет: условие с display: flex и gap проходило даже там, где gap работал только с Grid. Для таких случаев появ… в MAX →

Как связать HTML-атрибуты с адаптивными компонентами в CSS Расширенный attr() читает data-атрибут как число, длину или CSS-идентификатор. Поэтому data-repeat=4 можно передать в repeat(), а data-gap=2 превратить в 2cqi, то есть отступ в единицах ширины контейнера. Отдельные классы… в MAX →

Как сверстать диагональную шапку таблицы доступнее Эрик Мейер разбирает шапку таблицы Apollo 16: угол разделён диагональю между подписями строк и столбцов. Доступность двух span в одной ячейке показалась ему сомнительной. Он оставил подписи в двух строках thead, растянул заголовк… в MAX →

Как публиковать блог через Standard.site и AT Protocol Standard.site задаёт схему JSON-записей для статей в сети Bluesky. Материал получает известные сервисам поля, поэтому pckt, Docs.surf, potatonet и Leaflet могут показать его без отдельной интеграции, а Bluesky собирает расшир… в MAX →

Tailwind меняют на StyleX ради типизированных токенов, а спотыкаются на сборке Вы прикидываете, стоит ли тащить StyleX в проект, и упираетесь в спор на уровне вкусов: типизация против скорости вёрстки. В LogRocket Blog этот спор закрыли практикой — собрали 20 компонентов на Tailw… в MAX →

Задержка анимации по номеру элемента теперь одна строка CSS, без --i и без JavaScript sibling-index() возвращает позицию элемента среди соседей (с 1), sibling-count() общее число детей у родителя, обе работают в calc(). С Firefox 154, вышедшим 18 августа, их поддерживают все три… в MAX →

Задайте источник света один раз, и все тени на странице посчитаются сами Ambient CSS предлагает вместо ручных shadow-sm, shadow-md и shadow-lg описать свет: направление, интенсивность ключевого и заполняющего света, оттенок, высоту. Каждый элемент получает пятислойный box-shadow:… в MAX →

pnpm закрыл глобальную подмену реестра через файл проекта pnpm — пакетный менеджер для JavaScript и TypeScript с общим хранилищем пакетов на диске и строгим деревом зависимостей. В версии 12.1.0 он перестал принимать настройку scope из pnpm-workspace.yaml: закоммиченный в репозит… в MAX →

Плавающий виджет поверх всех окон одним вызовом API Firefox 151 включил Document Picture-in-Picture API, до этого он был только в Chrome. В отличие от PiP для видео, documentPictureInPicture.requestWindow() открывает окно поверх вкладок и других приложений с любым HTML внутри: ти… в MAX →

Плавающий виджет поверх всех окон одним вызовом API Firefox 151 включил Document Picture-in-Picture API, до этого он был только в Chrome. В отличие от PiP для видео, documentPictureInPicture.requestWindow() открывает окно поверх вкладок и других приложений с любым HTML внутри: ти… в MAX →

Safari расширяет случайность в CSS: random-item() и random() в custom properties Сегодня WebKit выложил Safari Technology Preview 251. random() в Safari уже есть со стабильной 26.2, а теперь добавились random-item() для выбора из списка значений, random() внутри custom properties… в MAX →

React не следит за фокусом — useFocus из @reactuses/core делает это за него В React нет состояния, которое говорит, активно ли сейчас поле ввода. document.activeElement показывает ответ, но не перерендеривает компонент при смене фокуса, а autoFocus стреляет один раз и не даёт вер… в MAX →