Firefox экспериментирует с атрибутом headingoffset для заголовков — Jake Archibald показал экспериментальную реализацию атрибута headingoffset в Firefox. Компонентный хедер больше не ломает иерархию страницы — уровень вычисляется динамически от родительского контейнера. Селектор :heading() стилизует по вычисленному уровню, а не по тегу. Планируется стандартизация.
Проекты
heerich.js — 3D воксельные сцены в SVG — Минималистичный JS-движок строит объёмные воксельные композиции и рендерит их в чистый SVG. Boolean-операции (union, subtract, intersect, exclude), oblique/perspective камеры, decal’и с билинейной интерполяцией, hatch-паттерны — всё без зависимостей. Вдохновлён геометрией Эрвина Хериха.
Reatom JSX Gallery — кроссплатформенный просмотр фото из Reatom v1001 — Галерея для быстрого просмотра большого количества фотографий: рекурсивный обход папок, RAW, полный EXIF, выбор тем. Сборка ~60 КБ после gzipp — только Reatom в зависимостях. Отличный практический пример применения Reatom.
Статьи, мнения, туториалы
JS/TS
Миграция на TypeScript 6.0 и адаптация tsconfig — Разбор ключевых изменений TS 6.0 и пошаговый гид по приведению tsconfig в порядок. Предсказуемая компиляция без сюрпризов — какие флаги изменились, что устарело, как перестроить конфигурацию.
CSS
Obscuring Text with @counter-style — @counter-style работает не только для маркеров списков — его можно использовать для генерации псевдослучайных текстовых последовательностей. Маскировка данных (цифры карт, PIN-коды) через system symbolic, pad и positional algorithms. CSS-криптография в действии.
CSS заполняет гэпы линейками — Новые свойства column-rule, row-rule и связанные rule-break / rule-inset / rule-overlap позволяют рисовать разделительные линии в гэпах grid и flex. Линейки анимируются. Брехт Де Рюйте разбирает все нюансы.
Motion vocabulary — словарь паттернов анимаций — Словарь из 50+ паттернов анимаций: entrances/exits, sequencing, transforms, scroll-driven, springs, easing, looping. Каждая единица с описанием и типичным применением. Справочник чтобы точно назвать нужный эффект при проектировании UI.
HTML/Accessibility
Schema markup на современном сайте через JSON-LD — Практичный подход к генерации и встраиванию Schema.org разметки в JSON-LD без плагинов. Фронтенд-генератор автоматически обновляет структуру при изменении контента — никаких CMS-зависимостей.
