Новости

• Widely available в марте 2026: 12 фич — subgrid, contain-intrinsic-size, image-set(), @counter-style, hyphens, hyphenate-character, <link rel="modulepreload">, overflow media queries, update frequency media queries, Clear-Site-Data, Device orientation events, Storage manager. Subgrid — главная победа.

• React Native 0.85: Shared Animation Backend — Единый движок анимаций для Animated и Reanimated. Layout-props (width, height, flex) теперь анимируются через native driver. DevTools: одновременные CDP-подключения от VS Code, AI-агентов и DevTools. Metro с TLS.

Статьи, мнения, туториалы

AI

• Why AI Sucks At Front End — AI хороши в шаблонном UI, но проваливаются на bespoke-решениях, scroll-driven анимациях, combined states и accessibility. Причина: обучен на древних решениях, не видит рендер, не понимает «почему», не контролирует среду (браузер/viewport/device).

• Agentic Engine Optimization (AEO) — Addy Osmani: AI-агенты читают доки принципиально иначе людей — один GET вместо минут навигации. Ключевые метрики: token-эффективность (<25K на страницу), parsability, llms.txt, skill.md. robots.txt может полностью скрыть доки от агентов.

JS/TS

• No-stack web development — David Bushell: стек = техдолг, non-transferable знания, vendor lock-in. «Не выбирайте стек до того, как диагноз поставлен». HTML 20-летней давности работает. React-кодбаза 20 месяцев — может уже не собраться.

• Headless: цена инженерного тщеславия — Headless swap-ает видимые ограничения на тяжёлые невидимые. Маркетологи получают component library вместо сайта. Flexibility для системы ≠ flexibility для бизнеса.

CSS

• How I Lost MadCSS — Chris Coyier разбирает свой проигрыш в CSS-баттле: grid blowout из-за несжимаемого контента + лишний padding. overflow: clip vs overflow: hidden — разница критична. Урок: меньше forced widths, больше flex-wrap.

• z-index: как перестать жить магическими числами — Почему z-index-хaos растёт в командах, как связаны stacking context и значения, и как стандартизировать уровни наложения.

Performance

• requestAnimationFrame: глубокий разбор — Синхронизация с кадром рендера, разница с setTimeout, позиция в пайплайне (INP/next paint), альтернативы: scheduler.yield, postTask, requestIdleCallback.

Инструменты

• Basewatch — Подпишитесь на любой браузерный API и получите push/email, когда поддержка достигнет нужного процента. Данные из CanIUse, Baseline, MDN, Chrome Status.

• Chrome Built-in AI: OCR на устройстве — Prompt API извлекает текст с изображений без удалённого API. Знаки, вывески — отлично. Плотный текст (PDF→JPG) — пока слабо. Offline-сценарий — главный козырь.