Expa 

Сейчас передо мной стоит задача разобраться с CSS-спецификациями посвещённые работе скролов.

🦊 Привет, это Фронти!

Я принёс свежий выпуск #41 и собрал главное за неделю ✨

В этом выпуске: view-transitions-toolkit и JetStream 3.0, нативный lazy-loading для /, новые практики в CSS (от subgrid до name-only containers), тревожный WebAIM Million 2026, JSIR от Google и Minimum Release Age для supply chain-защиты, постмортем по компрометации axios, большой React-кейс от GitHub, Ink 7.0 и security-релизы React, tsdown с исполняемыми файлами для Node.

🧪 HTML и платформа  

- view-transitions-toolkit собрал типовые сценарии View Transitions в удобный набор.  

- Clear-Site-Data

- contain-intrinsic-size

- @counter-style

- Device orientation events

- hyphenate-character

- hyphens

- image-set()

- <link rel="modulepreload">

- Overflow media queries

- Storage manager

- Update frequency media query

- subgrid

В этом месяце закрепилось 12 фич, а в следующем будет четыре.

🦊 Привет, это Фронти!

Я принёс свежий выпуск #40 и собрал главное за неделю ✨

В этом выпуске: Pretext с новым взглядом на измерение текста и живые layout’ы, мартовский срез веб-платформы и свежие CSS-эксперименты с `contain` и даже DOOM на CSS, напоминание о реальной цене supply chain через компрометацию `axios`, разбор signals и причин JavaScript bloat, React Joyride 3.0, Storybook MCP и Next.js 16.2 с Adapter API, новые строгие дефолты TypeScript 6.0, Node.js 25.9 с контролем памяти и новым streams API, Transformers.js v4 и on-device AI в React Native, а ещё Babylon.js 9.0, Knip v6 и большая пачка обновлений экосистемы.

🧪 HTML и платформа

- Pretext предлагает по-новому измерять многострочный текст и собирать по-настоящему живые layout’ы.

Оказалось, что Scroll-driven Animations достаточно простая спека, но сейчас не об этом

🦊 Привет, это Фронти!

Я принёс свежий выпуск #38 и собрал главное за неделю ✨

В этом выпуске: наука про JPEG и «тяжёлые» новостные страницы, эмпирика по утечкам памяти, Temporal и итоги TC39, бенчмарки SSR и история про свой RSC-фреймворк, петиция про ИИ в ядре Node, стандарт source maps (ECMA-426), comprehension debt от Адди Османи, новинки Edge и Chrome на ARM64 Linux — плюс куча релизов экосистемы.

🧪 HTML и платформа  

Две недели читал спецификацию CSS Scroll Snap Module Level 1 и пытался из неё сделать статью. Потом ещё полнедели читал Level 2. Ох. 
Это всё было трудно для меня, но я доволен, что сам стал разбираться в Scroll Snap. Так теперь ещё этими знаниями могу поделиться с другими. 
Уже появились мысли как только добью всё про скролы можно будет рассказать на митапе.

Почитать талмут - https://shabalin.online/blog/css/scroll-snap/

Друг сделал проект по созданию скриншотов для кода - https://snapcode.me/.
Я тут же решил его проверить боем. Добавил самые современные CSS-фичи, чтобы проверить подсветку синтаксиса и итоговый скриншок:
- Anchor API
- CSS Nesting

- @property
- :has()

- Container queries

- Custom properties

- Logical properties

- Scope
И получилось очень хорошо

Короткий совет: берёшь и участвуешь. Никто тебе не мешает.
Вот например мне немного мешало одно описание в mdn-compat-data.
Я зашёл в репозиторий, нажал редактировать файл. Заменил описание "description": "[counter-increment](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-increment), [counter-reset](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-reset), and [counter-set](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set) support"
на человеческое "Support for CSS counter properties (`counter-increment`, `counter-reset`, and `counter-set`) on `::marker`", тако, которое во всем проекте соблюдается, то есть без ссылок на спецификации прям в описании.
Дело в том, что чуть ниже есть отдельное поле "spec_url" с этими же ссылками.
Дальше я попросил ChatGPT сделать описание коммита и PR на техническом английском. Пять минут и вуаля PR https://github.com/mdn/browser-compat-data/pull/29294/changes готов
Если PR не примут, то и ладно =)

Продолжаем продолжать разбирать спецификации относящиеся к скролу.

Если вы когда-либо читали длинную статью и внезапно теряли место, где остановились, потому что страница «подпрыгнула» из-за загрузившейся рекламы, изображений или видео, то вы сталкивались с проблемой, которую призван решать CSS Scroll Anchoring.

Спецификация CSS Scroll Anchoring Module Level 1 — это документ W3C, описывающий механизм, который браузеры используют для предотвращения неожиданных сдвигов содержимого страницы.

Статья: https://shabalin.online/blog/css/scroll-anchoring/