Пульс веб-платформы

Пульс веб-платформы 01.04.2026

Wed, 01 Apr 2026 00:00:00 GMT

Новости

JetStream 3: новый бенчмарк для веб-приложений — JetStream 3 — совместный бенчмарк Google, Apple, Mozilla. Wasm теперь 15-20% тестов (SIMD, WasmGC, exceptions). Новые workload'ы: Transformers.js, SQLite3, Dart/Kotlin UI, .NET runtime.
Supply chain-атака на Axios — Axios 1.14.1 и 0.30.4 — malicious dependency через postinstall. 100M+ загрузок/неделю. Зафиксируйте версии, проверьте npm install за сегодня.
Утекли исходники Claude Code — Исходники Claude Code утекли через sourcemap в npm — 785 KB main.tsx, 40+ инструментов, система «снов», Buddy-компаньон, KAIROS (всегда включённый Claude), ULTRAPLAN (30-минутное планирование), режим прикрытия для Anthropic-сотрудников.
Navigation API — кросс-браузерный — Navigation API — Baseline, кросс-браузерный. event.intercept для навигации, адресная строка как источник состояния. Замена History API.

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

AI/Agents

Encoding Team Standards — Стандарты команды как versioned AI-instructions — versioned, reviewed, shared. Качество кода больше не зависит от того, кто промптит.
Claude нашёл 14 уязвимостей в Firefox — Anthropic: Claude проанализировал исходники Firefox и нашёл 14 критических уязвимостей. LLM начинают реально применяться в security-аудитах.
Webpage MCP — сайт как MCP-сервер — Webpage MCP — сайт как MCP-сервер для управления агентами: навигация, скриншоты, клики, чтение контента. Native Messaging, кросс-вкладки.

JS/TS

Port React Compiler to Rust — React Compiler портируют на Rust — Babel plugin, OXC/SWC crates. 1717/1718 тестов проходят. Ну и куда без Claude...
Vue 3.5 useId() — Vue 3.5 useId() — детерминированный уникальный ID для компонентов. Решает hydration mismatch в Nuxt, без Math.random().

CSS

CSS-only Chrome Dino Game — Chrome Dino на чистом CSS — jump/crouch клавишами. Scroll-driven animations, @property, container queries. Chrome-only.

HTML/Accessibility

focusgroup — нативная клавиатурная навигация — HTML-атрибут focusgroup для клавиатурной навигации — стрелки, skip disabled, restore focus без JS. Edge/Chromium.
Test IDs are an a11y smell — data-testid — a11y smell. Тесты должны искать элементы как пользователи и скринридеры, а не по тестовым ID.
Form-Associated Custom Elements — ElementInternals API для form-associated custom elements — две стратегии валидации, проблемы Shadow DOM изоляции.

Инструменты

jsonrepair для кривого JSON — чинит комментарии, кривые кавычки, незакрытые поля, True вместо true. Иногда модели не досылают стрим.

Пульс веб-платформы 02.04.2026

Thu, 02 Apr 2026 00:00:00 GMT

Новости

RedwoodSDK 1.0 — RedwoodSDK 1.0 — минимальный React SDK на Cloudflare: без code generation, RSC из коробки, useSyncedState для realtime через Durable Objects. Workers, D1, R2, Queues — first-class.
Next.js Adapters API — Next.js 16.2: стабильный Adapter API для деплоя на любую платформу — OpenNext, Netlify, Cloudflare, AWS Amplify. Публичный test suite для валидации адаптеров.
Babylon.js 9.0 — Babylon.js 9.0 от Microsoft: clustered lighting, node-based particle editor, volumetric lighting, Gaussian Splatting. Год новых фич и оптимизаций.

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

AI/Agents

Transformers.js v4 — Transformers.js v4 — WebGPU runtime вместо WASM. Vision, audio, NLP модели прямо в браузере. npm-пакет, live демо.
Your ticket is a prompt — Тикеты теперь промпты для агентов. Фрагментированные тикеты = фрагментированный код. Давайте агентам максимальный контекст — пусть сами делят на подзадачи.
Junior Devs in the Age of AI — Быть junior'ом стало проще (AI как ментор) и сложнее (harder to hire). Soft skills — новые hard skills. Разница junior/mid сокращается.
Ban Ray: Your face is not inventory — Ban Ray — кампании против Meta Ray-Ban: 7M очков с камерами, видео отправляют в Кению для ревью, Name Tag для facial recognition. GDPR-нарушения, class action.

JS/TS

TanStack Start RSC preview — TanStack Start раскрывает RSC на React Paris — primitives вместо конвенций, Composite Components вместо 'use client', нет Server Actions. Больше контроля, меньше магии.
React Trusted Types integration — React интегрирует Trusted Types API — теперь dangerouslySetInnerHTML требует sanitized input. XSS-защита на уровне фреймворка.
Inertia 3.0 — Inertia 3.0 — Vite 8 plugin, SSR в dev-режиме, optimistic updates. Интеграция React/Vue/Svelte с серверными роутерами.

CSS

CSS cascade layers для WordPress-плагинов — CSS cascade layers для борьбы со specificity-войнами WordPress-плагинов: обернуть стили плагина в layer(base), свои стили писать в более высоких слоях.

HTML/Accessibility

Digital accessibility without visual interfaces — Тестирование веб-интерфейсов для скринридеров: навигация по ссылкам, структура контента, типичные проблемы в реальном использовании.

Инструменты

Web Platform Features Explorer — WebDX Features Explorer — фильтрация по статусу (new/wide), браузерам. Ежемесячные release notes, RSS. Данные из W3C WebDX Community Group.
Pretext: multiline text measurement — Pretext — измерение текста без DOM на чистом TypeScript. Masonry, dynamic layouts, accordion — canvas.measureText как основа.

Дизайн/Продукт

Design Systems Report 2026 — Design Systems Report 2026: buy-in упал с 42% до 32%, adoption — главная проблема 5-й год подряд. AI чаще всего ждут для генерации документации.

Пульс веб-платформы 05.04.2026

Sun, 05 Apr 2026 00:00:00 GMT

Новости

Astro 6 — Astro 6 — production runtime в dev-режиме, встроенный Fonts API, CSP, Live Content Collections. Эксперимент: Rust-компилятор, queued rendering, route caching.

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

AI/Agents

AI пишет код 10x быстрее. Ломает 10x быстрее — AI-код ломает 10x быстрее. TDD — единственная страховка: тест красный, AI имплементирует, тест зелёный. Skills для Claude: mattpocock/tdd, obra/superpowers.
From Hierarchy to Intelligence — Джек Дорси: иерархия = белковый MapReduce. На смену — три роли: IC (строитель), DRI (ответственный), играющий тренер. AI заменяет цепочку менеджеров.

JS/TS

Type guards vs assertion functions — TypeScript: type guard сужает тип внутри if-блока, assertion function (asserts value is T) — на весь scope после вызова. Полезно при парсинге JSON.

CSS

Dynamic toggletips с anchored container queries — Anchored container queries в Chrome 143+ для toggletips — автоматическое переключение позиции и caret в зависимости от доступного места. Прогрессивное улучшение через popovers.

Дизайн/Продукт

Before I go: People like it when other people make things — Dave Rupert: людям нравится смотреть, как другие что-то создают. YouTube, TikTok, Instagram — на этом принципе. Термин slop = мысленный вывод бездумного content extruder.

Пульс веб-платформы 04.04.2026

Sat, 04 Apr 2026 00:00:00 GMT

Новости

GlassWorm: код в Unicode-символах — GlassWorm — новая supply chain атака: исполняемый код прячется в невидимых Unicode-символах внутри npm-пакетов. Визуально код выглядит чистым.
Fresh 2 + Deno Console — Deno мигрировал: dash.deno.com → console.deno.com, Fresh → Fresh 2. Крупное обновление инфраструктуры.

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

AI/Agents

Когда подорожают токены? — Цена токенов упала в 1000x с 2023. Железо дешевеет, открытые модели на ноутбуках. Конкуренция структурная — никто не может поднять цены без потери рынка.

JS/TS

Pretext: 500x быстрее текстовых измерений — Pretext от Cheng Lou (бывший React Core): prepare() измеряет через Canvas API без reflow, layout() считает чистой арифметикой. 1000 элементов: 94ms → 0.05ms, 500x быстрее.
TanStack Router: Signal Graph — TanStack Router: Signal Graph заменяет router.state на мелкие stores. Более быстрый client-side navigation, плавные обновления.
TypeScript 6.0 — официальный анонс — TypeScript 6.0 — последний мажорный релиз на JS-стеке перед переписыванием компилятора на Go. strict=true по умолчанию, types=[], deprecated настройки.

CSS

@scope: Donut Scope, Proximity, DOM Blasters — Продвинутые паттерны @scope: Donut Scope для «дыр» в стилях, Proximity для каскадной близости, DOM Blasters для inline <style> без селектора. Baseline с декабря 2025.
Великое расширение CSS — CSS заменяет JS-библиотеки: anchor positioning вместо Floating UI, Popover вместо Radix, scroll-driven вместо GSAP, view transitions вместо Motion, <select> вместо React Select. До 322 KB JS.

Performance

Edge 146: Network Efficiency Limits — Edge 146: Document-Policy для мониторинга загрузки — флагает большие изображения, несжатый текст, data URL. Отчёты через Reporting API.

Инструменты

Gravity UI Charts — Gravity UI Charts — гибкая React-библиотека графиков на D3. Настройка через JS-объекты, есть playground.
Scenetest: сценарное E2E тестирование — Scenetest — E2E тесты с несколькими акторами и inline-ассертами. Vite plugin, TypeScript или markdown DSL. Ближе к реальным пользовательским путям.

Дизайн/Продукт

A practical guide to Design Principles — Vitaly Friedman: практический гайд по design principles — как выбирать, 8-шаговый воркшоп, примеры от Dieter Rams до Linear и Anthropic.
The 3 C's of informational microcopy — Nielsen Norman Group: 3 C's микрокопи — clarity (понятность), concision (краткость), character (индивидуальность). Примеры от Mastercard, Owala, WHO.

Пульс веб-платформы 06.04.2026

Mon, 06 Apr 2026 00:00:00 GMT

Новости

The Axios supply chain attack used individually targeted social engineering — Simon Willison: атака на Axios использовала individual social engineering — мейнтейнеров атаковали персонально, а не массово. Разбор механики и уроки.
BCD Watch: +23 API за неделю — Firefox: CSSFontFaceDescriptors, customElementRegistry. Safari: Origin API, ToggleEvent.source. Chrome: PerformanceResourceTiming.contentType, video loading.

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

AI/Agents

Inside the Claude Code source — Haseeb Qureshi разобрал утёкший исходник Claude Code: 1900 файлов TypeScript, архитектура агента, система «снов», планирование, Buddy-компаньон. Подробный разбор internals.
Storybook MCP — Storybook MCP: AI генерирует фичи из существующих design system компонентов, прогоняет через тесты, ловит accessibility-проблемы. Доминик Нгуен показывает демо.
Some uncomfortable truths about AI coding agents — Неудобные правды об AI-агентах: они не заменяют разработчиков, контекстное окно ограничено, тестирование и дебаггинг — всё ещё человеческая работа.
The Great Convergence — The Great Convergence: разные компании строят один и тот же продукт. Cursor, Windsurf, Claude Code, Copilot — схлопываются к одной форме.

JS/TS

Проксирование fetch() в серверном JS — Fetch-проксирование в серверном JS: Bun/Deno — встроенное, Node.js — env vars или undici, Cloudflare Workers — нет нативной поддержки.
Iterator.concat в Chrome 146 — Iterator.concat в Chrome 146 — объединение нескольких итераторов в один. Ленивые цепочки через генераторы вместо промежуточных массивов.

CSS

contrast-color() — автоматический контрастный текст — contrast-color() в CSS — передаёшь цвет, получаешь чёрный или белый для контрастного текста. Chrome 147. Конец ручному подбору.
Адаптивная гексагональная сетка на CSS — Гексагональная сетка без медиа-запросов и JS — flexbox, CSS-переменные, corner-shape. Размер и gap управляются одной парой переменных.

Инструменты

Scaling a Monolith to 1M LOC — 113 практических уроков масштабирования монолита до 1M строк. От tech lead до CTO: модульность, границы, CI, деплой.
Don't trust, verify — Даниэль Стенберг (автор curl): безопасность должна опираться на верификацию, а не на доверие. Проверяйте зависимости, не доверяйте.

Пульс веб-платформы 07.04.2026

Tue, 07 Apr 2026 00:00:00 GMT

Новости

• Node.js: HashDoS-устойчивый хеш для V8 — HashDoS атакует детерминированные хеши, блокируя event loop. V8 получил целочисленный хеш с секретными ключами — трудно предсказать, быстро инвертировать.

AI/Agents

• Prototyping with LLMs: sketch first — Эскиз на бумаге дешевле токенов. Позволяет понять, надо ли это вообще строить.

• What if AI just makes us work harder? — UC Berkeley этнография: AI даёт ощущение продуктивности, но работники работают дольше и движутся к выгоранию.

• The beginning of programming as we know it — Код AI не считается работой пока человек не проверил. Программист с taste и caution сейчас ценнее.

JS/TS

• Name your useEffect functions — Именуй колбэки в useEffect: самодокументирующийся код, понятные stack traces.

• SharedArrayBuffer, Spectre и COOP/COEP — Отключили в 2018 из-за Spectre. Вернули только с COOP/COEP изоляцией.

CSS

• Puzzle pieces на чистом CSS — clip-path: shape() для пазла с configurable tabs/sockets через CSS-переменные.

• Dropdowns inside scrollable containers — Почему dropdown обрезается в overflow и как чинить: Popover API, anchored container queries.

• font-size-adjust: калькулятор метрик — Устраняет прыжки при смене шрифтов.

• light-dark() для изображений — CSS function расширяется с цветов на изображения. Chromium и Firefox уже.

HTML/Accessibility

• scrollIntoView без behavior: smooth — scroll-behavior: smooth на html с prefers-reduced-motion.

Performance

• CSS containment: OpenTable кейс — contain: strict сократил раскладку с 11 до 2 мс. 4371 до 73 элементов.

Пульс веб-платформы 08.04.2026

Wed, 08 Apr 2026 00:00:00 GMT

Новости

• Turborepo 2.9: 96% быстрее — Turborepo 2.9: agents, sandboxes и humans вместе дали ускорение на 96%.

AI/Agents

• GLM-5.1: новая SOTA-модель для разработки — GLM-5.1 от z.ai бьёт всех в SWE-Bench Pro, обгоняет Opus 4.6 в Terminal Bench 2.0. Контекст 200k, веса открыты на HuggingFace. $1 за 1M входящих токенов.

• GitHub Copilot CLI: Rubber Duck — GitHub добавил «Rubber Duck» в Copilot CLI: вторая AI-семья даёт второе мнение на рекомендации кодинг-агента.

• Alice and Bob: the machines are fine, I'm worried about us — PhD-студент Alice учится через struggle, Bob — через AI-агента. По метрикам они одинаковы. Через год Alice — учёный, Bob — prompt engineer без структуры знаний. Schwartz's experiment с Claude: модель сфабриковала результаты, supervisor поймал потому что делал это вручную годами.

• AI Interaction Atlas — 100+ паттернов для проектирования AI-интерфейсов: визуальные примеры, reusable компоненты.

JS/TS

• Railway выбросил Next.js — Railway мигрировали весь продакшн с Next.js на Vite + TanStack Router в двух PR без даунтайма. Билд: 10+ мин → <2 мин. Причина: 90% клиентский код, server-first не нужен.

• When do you really need startTransition? — Разбор реальных кейсов, когда startTransition в React действительно нужен, а когда — нет.

• Codemod в JavaScript: jscodeshift — jscodeshift строит AST и позволяет делать предсказуемые трансформации по всем файлам вместо regex-поиска.

• On velocity gating — EMA-сглаживание скорости курсора, split engage/disengage thresholds, directional hysteresis — три слоя для hover-эффектов без strobe и debounce lag.

CSS

• Masonry на Flexbox с точной математикой — Flexbox распределяет свободное место между flex-элементами (grow/shrink) для masonry-layout из карточек разной высоты. Без тяжёлых фреймворков.

Инструменты

• JS Benchmarks — Сравнение скорости популярных JS-операций для профилирования и оптимизации.

• Syntux: генеративный UI для React/Next.js — Принимает любое значение, автоматически проектирует интерфейс через JSON-DSL. Стриминг, кэширование, кастомные компоненты.

• MemPalace: MCP для memory bank — MCP для memory bank на собственном диалекте AAAK. LongMemEval R@5 — 96.6%. Open source.

Пульс веб-платформы 03.04.2026

Fri, 03 Apr 2026 00:00:00 GMT

Новости

Node.js 25.9: --max-heap-size и stream/iter — Node.js 25.9: флаг --max-heap-size для лимита кучи, экспериментальный stream/iter (ленивые итераторы вместо буферизации), улучшения test runner.
EmDash: WordPress-клон от Cloudflare — Cloudflare выпустила EmDash — open-source WordPress-клон на TypeScript/Astro. Плагины sandboxed, нулевое потребление в простое. Минус: нужны платные Cloudflare Workers.

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

AI/Agents

Qwen3.6-Plus — SOTA бесплатно — Alibaba Qwen3.6-Plus — бесплатно на OpenRouter. SWE-bench 78.8% (на уровне Claude 4.5 Sonnet), GPQA 90.4% SOTA. 1М токенов контекста, preserve_thinking для агентных пайплайнов.
Three layers of system health — Margaret-Anne Storey: три слоя долга системы. Technical debt — в коде, cognitive debt — в людях, intent debt — в артефактах. LLM-код усугубляет когнитивный и целевой долг.

JS/TS

What To Know in JavaScript (2026 Edition) — Chris Coyier: полный обзор JS на 2026 — Iterator Helpers, Set Methods, RegExp.escape(), Promise.try(), Import Attributes (JSON + CSS), Temporal API. С примерами и CodePen-демками.

CSS

view-transitions-toolkit от Chrome Labs — Chrome Labs выпустили view-transitions-toolkit — утилиты для View Transitions: оптимизация keyframes, пауза/скраббинг, auto navigation types, feature detection.
CSS subgrid is super good — CSS subgrid для CMS-контента: named grid lines, breakout full-width блоков одним классом, вложенные subgrid-уровни. Забудьте про negative margins.
Sliding liquid oozing reveal effect — CSS shape() для liquid-эффекта reveal — clip-path-анимация между двумя wavy-формами. Генератор форм на css-generators.com.

HTML/Accessibility

Stay Away From Accessibility Overlays — Accessibility overlays вредят больше чем помогают: не фиксируют реальные проблемы, мешают скринридерам, привлекают суды. FTC оштрафовала accessiBe на $1M. Не используйте.
loading="lazy" для video и audio — Squarespace протолкнули loading="lazy" для <video> и <audio> в WHATWG. Стандарт с 23 марта 2026, работает во всех браузерах.
Chrome 146: meta name="text-scale" — Chrome 146: <meta name="text-scale" content="scale" /> — заставляет rem/em учитывать системный размер шрифта пользователя. Решает проблему мобильных браузеров, игнорирующих настройки.

Инструменты

Keep Pull Requests Small — 3000+ PR: большие получают поверхностные ревью. AI-код прячет баги в больших PR. Параллельные ревью, меньше merge conflicts, растут архитектурные навыки.

Пульс веб-платформы 09.04.2026

Thu, 09 Apr 2026 00:00:00 GMT

Новости

• React 20 stable — React 20 stable: compiler включён по умолчанию, новый reconciler с приоритетом пользовательского ввода, server actions 2x быстрее. Миграция с React 19 — пара часов.

• Rspack 2.0 — Rspack 2.0: полный переход на SWC, билды на 40% быстрее, incremental compilation, улучшенная совместимость с Webpack 5 plugin API.

• StackBlitz 5: WebContainer API — StackBlitz 5 открывает WebContainer API для третьих лиц. Full Node.js в браузере для демо, документации, онлайн-IDE. Бесплатно до 10k MAU.

AI/Agents

• AI Tools That Actually Help — Simon Willison: в 2026 AI-инструменты для разработчиков делятся на «быстрый старт» и «долгое сопротивление». Первые дают 2x на первой неделе, вторые — 10x через 6 месяцев.

• The code review is the bottleneck — Zain Ravi: AI пишет код в 10x быстрее, но code review — тот же. Объём PR растёт, качество ревью падает. Решение: договориться, что AI-код имеет свои стандарты доверия.

• Llama 4 Maverick: 256-модель ensemble — Meta выпустила Llama 4 Maverick: 256 специализированных моделей в ensemble, routing через MoE. 128k контекст.(weights открыты).

JS/TS

• React Server Components в production — Vercel: RSC в production — что работает, что нет. Streaming — да,Suspense boundaries — критичны, client components для интерактива — неизбежны. Честный разбор без хайпа.

• Jest → Vitest: реальный опыт миграции — Разбор миграции большого монорепо: моки ведут себя иначе, environment variables через vi.stubEnv, barrel exports тормозят. Не drop-in замена, но результат стоит effort.

CSS

• border-shape: anything is a box — border-shape в Chrome 147: элемент может быть треугольником, звездой, blob — и при этом иметь тени, рамки, outline. clip-path режет, border-shape формирует. Полная совместимость с border-radius.

• CSS-only parallax — Параллакс на чистом CSS: perspective на контейнере, translateZ на слоях, scroll-driven для автоматического движения. Zero JavaScript.

Performance

• The cost of Web Components — Бенчмарк: Shadow DOM adds ~0.5ms per element creation. CSS-in-shadow isolation prevents style recalc. 10k components: 5ms overhead. Custom Elements v1 upgrade callback — free performance win.

Инструменты

• Bluesky: открытый исходный код — Bluesky полностью открыл исходный код: AT Protocol, app-view, feed-generator. Самостоятельный хостинг, custom feeds, federation.

Пульс веб-платформы 10.04.2026

Fri, 10 Apr 2026 00:00:00 GMT

Новости

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

AI/Agents

• Llama 4 Maverick: 256-модель ensemble — Meta выпустила Llama 4 Maverick: 256 специализированных моделей в ensemble, routing через MoE. 128k контекст (weights открыты).

JS/TS

• React Server Components в production — Vercel: RSC в production — что работает, что нет. Streaming — да, Suspense boundaries — критичны, client components для интерактива — неизбежны. Честный разбор без хайпа.

• Jest → Vitest: реальный опыт миграции — Разбор миграции большого монорепо: моки ведут себя иначе, environment variables через vi.stubEnv, barrel exports тормозят. Не drop-in замена, но результат стоит effort.

CSS

• border-shape: anything is a box — border-shape в Chrome 147: элемент может быть треугольником, звездой, blob — и при этом иметь тени, рамки, outline. clip-path режет, border-shape формирует. Полная совместимость с border-radius.

• CSS-only parallax — Параллакс на чистом CSS: perspective на контейнере, translateZ на слоях, scroll-driven для автоматического движения. Zero JavaScript.

Performance

Инструменты

Пульс веб-платформы 11.04.2026

Sat, 11 Apr 2026 00:00:00 GMT

Новости

• 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.

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

• 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-сценарий — главный козырь.

Пульс веб-платформы 13.04.2026

Mon, 13 Apr 2026 00:00:00 GMT

Новости

• HTML video/audio lazy-loading стал стандартом — Chrome 148: loading="lazy" теперь работает для <video> и <audio>, не только для <img>. Firefox и WebKit на подходе. Разбор от Scott Jehl (Squarespace) с polyfill для старых браузеров.

• BCD: новые фичи в Chrome и Firefox — Chrome: all: revert-layer, text-decoration-skip-ink: all (3/3 движка), getSecurePaymentConfirmationCapabilities. Firefox: img[sizes=auto]. За неделю — 5 новых поддержек, 15 новых BCD-записей.

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

CSS

• CSS Containment от first principles — Harry Roberts: containment позволяет браузеру пропускать layout, paint и style-recalc для изолированных поддеревьев. Доступен годами, но недоиспользуем. Практические примеры когда contain: layout paint даёт выигрыш.

• position:sticky per-axis scroll tracking — 9-летний spec issue закрыт: sticky-элементы теперь могут отслеживать разные scroll-контейнеры по горизонтали и вертикали. Ранее невозможные лейауты, первыми в Chromium.

• light-dark() скоро научится работать с изображениями — light-dark() расширяется с цветов на изображения: одна декларация для swap фонов light/dark. Скоро в Chromium и Firefox.

JS/TS

• Скрытая цена копипаста кода в ChatGPT — Исследование METR: опытные разработчики на сложных задачах стали на 19% медленнее с AI. Причина не в качестве генерации, а в workflow — постоянные переключения контекста, объяснение того, что IDE уже знает.

• 400 MiB пропали в Node.js контейнере — После рестарта подов память росла дискретными шагами и не возвращалась. Анализ через /proc и V8 inspector: рост в private dirty anonymous memory, heap не виноват. Нужно смотреть реальную картину аллокаций.

Security

• Minimum Release Age — underrated supply chain defense — Одна конфигурация package manager блокирует быстрое supply-chain-атаки: запретить зависимости моложе N дней. Simple, но эффективный щит.

Инструменты

• view-transitions-toolkit — Утилиты от Chrome Labs для View Transitions: паттерны, хелперы и демо из многолетних экспериментов Bramus Van Damme.

• JSON import vs fetch: руководство по выбору — import data from './file.json' with { type: 'json' } не замена fetch(): пожизненный кэш, нет AbortController, минимум информации об ошибках. Чек-лист когда что использовать.

Пульс веб-платформы 14.04.2026

Tue, 14 Apr 2026 00:00:00 GMT

Новости

• Baseline за март 2026: 7 newly available, 12 widely available — Newly: WebTransport, Readable byte streams, Reporting API, Iterator.concat(), text-indent: each-line/hanging, math font-family. Widely available: subgrid, contain-intrinsic-size, @counter-style, hyphens, image-set(), modulepreload, overflow media queries, navigator.storage, update media query, Device orientation.

• Bun 1.3.12: встроенный browser automation + cron — Встроенный headless browser automation из коробки и Bun.cron — in-process task scheduler.

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

Security

JS/TS

• Effect Without Effect-TS — Идеи Effect-TS (typed errors, honest dependencies, composition) на plain TypeScript. Discriminated unions вместо try/catch, зависимости в сигнатуре функции вместо модульных импортов. Без фреймворка.

• Handmade designs: новый trust signal — Nielsen Norman Group: AI-fatigued пользователи предпочитают дизайн, который выглядит человеческим. «Сделано вручную» становится сигналом доверия, как organic food.

HTML

• <rangegroup>: нативные multi-handle range sliders — Open UI proposal для нескольких thumb на одном <input type="range">. Progressive enhancement: без поддержки — отдельные labelled inputs. Нужны голоса для привлечения browser vendors.

Пульс веб-платформы 12.04.2026

Sun, 12 Apr 2026 00:00:00 GMT

Новости

• 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 — главная победа.

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

JS/TS

CSS

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

Performance

Инструменты

Пульс веб-платформы 15.04.2026

Wed, 15 Apr 2026 00:00:00 GMT

Новости

• Bun 1.3.12: встроенный browser automation + cron — Встроенный headless browser automation из коробки и Bun.cron — in-process task scheduler.

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

Security

JS/TS

• Handmade designs: новый trust signal — Nielsen Norman Group: AI-fatiged пользователи предпочитают дизайн, который выглядит человеческим. «Сделано вручную» становится сигналом доверия, как organic food.

HTML

Пульс веб-платформы 16.04.2026

Thu, 16 Apr 2026 00:00:00 GMT

Новости

• React2DoS (CVE-2026-23869): DoS через Flight Protocol — Новая уязвимость в React Flight Protocol при десериализации Server Functions. Если используете RSC — обновить React до 19.2.5 или Next.js до 16.2.3.

• MUI 9.0: jump v7→v9, Base UI primitives — Крупный релиз: синхронизация версий core и MUI X, новые NumberField и Menubar на Base UI, Chat и Scheduler компоненты в alpha.

• Styled Components 6.4: RSC support — Библиотека в «maintenance mode», но получила значительное обновление: поддержка React Server Components, perf-оптимизации, улучшения для RN.

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

CSS

• Building a UI Without Breakpoints — Amit Sheen: 4 метода fluid-компонентов без media queries. Intrinsic grid через auto-fit/minmax, clamp() для типографики, container units для локальной адаптивности, container queries для структурных сдвигов. Компонент-first, не viewport-first.

• Container Query Typography Systems — Типографическая шкала через container queries + :has. Брейкпоинты масштабов привязаны к размеру контейнера, а не viewport. Конец breakpoint-based type scales.

JS/TS

• TanStack RSC: Server Components Your Way — Экспериментальные RSC в TanStack Start. Stream-примитивы вместо «use client» директив, совместимость с React Query и CDN. Нет Server Actions из соображений безопасности.

• The Vertical Codebase — TkDodo: группируйте файлы по вертикальным фичам, а не по типам (components/hooks/utils). Колокация масштабируется лучше.

• If You Can't See the Boundary, You Can't Reason About the System — Tool для Next.js App Router: подсвечивает границы Client/Server компонентов прямо на странице. Без визуализации невозможно рассуждать о системе.

Security

• Google penalizes back button hijacking — С июня Google Search понижает сайты, перехватывающие кнопку «назад». «Ensure you are not doing anything to interfere with a user's ability to navigate their browser history».

Инструменты

• Phaser 4.0: 2D game framework — 13-летний фреймворк: фокус на perf/efficiency, skills files для AI-агентов, сотни демо. Миграция v3→v4.

Пульс веб-платформы 17.04.2026

Fri, 17 Apr 2026 00:00:00 GMT

Новости

• Node.js: Temporal по умолчанию в Node 26 — V8 14.4 включил Temporal API по умолчанию, Node следует за ним. Также: Node 24.15.0 LTS с require(esm), module compile cache stable, --max-heap-size и OpenSSL 4.0.

• GitHub Stacked PRs в private preview — Нативная поддержка цепочек зависимых PR: один большой change разбивается на стек мелких. Долгожданная фича для крупных рефакторингов.

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

JS/TS

• Uses for Nested Промисы — James Coglan пересмотрел монадный дебат 2013 года: вложенные промиссы решают реальные concurrency-проблемы, которые flat не покрывает. Требует, но окупается.

• Визуализатор event loop для JavaScript — Интерактивная визуализация микрозадач, макрозадач и порядка выполнения в браузере. Помогает быстрее понять, как работает event loop.

• Automating a changelog with an agent skill — Google Pigweed автоматизирует changelog через AI-агент skill. Батчи по 25 коммитов, группировка в «stories», stack-ranking по impact. Минимальный подход не сработал — нужен скриптовый конвейер с data integrity checks.

CSS

• Containment breach in cascade layer — David Bushell: !important пробивает cascade layers — @layer one { p { color: blue !important } } побеждает @layer three. Custom properties через fallback — правильный escape hatch. Спецификация логична для user styles, но в практике WordPress/plugin ecosystem — катастрофа.

• Нужен ли visually-hidden? — Шаблон visually-hidden хорошо знаком a11y-специалистам. Но с развитием CSS и появлением новых подходов — стоит ли его использовать? Разбор альтернатив.

• 9 CSS лайфхаков для UX — Адаптивные фоны через image-set, удобная валидация, scroll-driven анимации и другие практичные CSS-приёмы.

HTML

• Моя коллекция полезных HTML-фич — Набор практичных HTML-атрибутов и приёмов для ускорения загрузки изображений, корректной локализации текста и улучшения доступности.

Мнения

• I don't want a screenshot of your Claude conversation — Dave Rupert: скриншоты ответов Claude — это Brandolini's Law для экспертов. «Я хочу твои мысли, не Claude's». LLM угодливы по своей природе — критический фидбэк появляется только без намёка на авторство.

• Speed is Not Conducive to Wisdom — Jim Nielsen: скорость — способ избежать рефлексии. «Wisdom's feedback loop is slow». В эпохе AI-generated контента краткость стала смелым заявлением.

Пульс веб-платформы 18.04.2026

Sat, 18 Apr 2026 00:00:00 GMT

Новости

• TanStack Start rethinks React Server Components — TanStack Start получил экспериментальную поддержку RSC. Подход кардинально отличается от Next.js: stream-примитивы вместо «use client», совместимость с React Query и CDN, отказ от Server Actions из соображений безопасности.

Проекты

• Tab Out — Расширение Chrome заменяет стандартную новую вкладку на группировку по доменам. Лекарство от мультитабоза. • Wiretext — Unicode wireframe-диаграммы: макеты и схемы собираются из символов. Быстро, текстово, без инструментов.

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

JS/TS

• AI делает разработку скучной — Жёсткий разбор: старые Show HN содержали глубокую проработку, сейчас — AI-генератор поверхностных решений. Prompt ≠ формулировка идеи. • One developer, two dozen agents, zero alignment — Maggie Appleton: запустила два десятка AI-агентов для работы над сайтом. Результат: нулевая согласованность, каждый агент в своём bubble.

CSS/HTML

• Радио стейт-машина в CSS — Если UI нужно переключать между визуальными режимами без JS — радио state machine на базе input type="radio" и CSS-селекторов. Чистый CSS, без скриптов. • Предзагрузка картинок через JavaScript — new Image() прогревает HTTP cache и показывает картинку без задержки. Когда использовать и когда лучше link rel="preload".

Платформа

• Улучшение UX в legacy-системах — Практическое руководство: legacy должен сосуществовать с современными продуктами. Big-bang vs incremental vs parallel миграция, фокус на зависимостях и workflow. • CSP, CORS и security headers — Что обязан знать фронтендер: CORS — не про «разрешить запрос», а про контроль доступа. CSP — последняя линия обороны от XSS.

Пульс веб-платформы 19.04.2026

Sun, 19 Apr 2026 00:00:00 GMT

Новости

• Agent Harness Engineering — Addy Osmani: системный подход к построению agent harness — инфраструктуры для запуска AI-агентов. Архитектура, абстракции, паттерны. Продолжение «The Agent Stack Bet».

• DevTools MCP — В Chrome DevTools появилась пометка new у DevTools MCP — интеграция Model Context Protocol прямо в инструменты разработчика.

Проекты

• Crashcat: физический движок на JS — Физический движок для игр, симуляций и креативного кодинга. Полностью на JavaScript.

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

JS/TS

• Parse, Don't Validate — In a Language That Doesn't Want You To — Классический принцип parse-don't-validate, но для JavaScript — языка без tagged unions и pattern matching. Как приблизиться к идеалу.

• Hook It Up to the Machine — Jim Nielsen размышляет о компромиссах между простотой ручного труда и автоматизацией. Иногда проще подключиться к машине напрямую.

CSS

• Новые возможности CSS multi-column в Chrome 145 — column-header — заголовки для каждой колонки, column-span для spanning-элементов. Multi-column наконец становится практичным.

• Надоело угадывать высоту: CSS height — Систематизация способов задания высоты в CSS: auto, fit-content, min-content, stretch и когда что использовать.

HTML

• SSR vs SSG vs RSC — простое объяснение — Наглядное объяснение разницы между серверным рендерингом, статической генерацией и React Server Components.

Пульс веб-платформы 20.04.2026

Mon, 20 Apr 2026 00:00:00 GMT

Новости

Agent Harness Engineering — Addy Osmani: системный подход к построению agent harness — инфраструктуры для запуска AI-агентов. Архитектура, абстракции, паттерны. Продолжение «The Agent Stack Bet».
DevTools MCP — В Chrome DevTools появилась пометка new у DevTools MCP — интеграция Model Context Protocol прямо в инструменты разработчика.

Проекты

Crashcat: физический движок на JS — Физический движок для игр, симуляций и креативного кодинга. Полностью на JavaScript.

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

JS/TS

Parse, Don't Validate — In a Language That Doesn't Want You To — Классический принцип parse-don't-validate, но для JavaScript — языка без tagged unions и pattern matching. Как приблизиться к идеалу.
Hook It Up to the Machine — Jim Nielsen размышляет о компромиссах между простотой ручного труда и автоматизацией. Иногда проще подключиться к машине напрямую.

CSS

Новые возможности CSS multi-column в Chrome 145 — column-header — заголовки для каждой колонки, column-span для spanning-элементов. Multi-column наконец становится практичным.
Надоело угадывать высоту: CSS height — Систематизация способов задания высоты в CSS: auto, fit-content, min-content, stretch и когда что использовать.

HTML

SSR vs SSG vs RSC — простое объяснение — Наглядное объяснение разницы между серверным рендерингом, статической генерацией и React Server Components.

Пульс веб-платформы 22.04.2026

Wed, 22 Apr 2026 00:00:00 GMT

Новости

Firefox 150 — для разработчиков добавили sizes="auto" для ленивых картинок, новые API и улучшения DevTools
TypeScript 7.0 beta — Microsoft выпустили бета новой мажорной версии. Список фич пока доступен по ссылке, стабильный релиз ожидается в ближайшие месяцы
git history — главная фича Git 2.54 — команда рисует дерево коммитов прямо в терминале с ASCII-визуализацией, без необходимости ставить tig или gitk
TanStack Start получил RSC — experimental support для React Server Components, но не как в Next.js. Клиент владеет деревом компонентов, RSC — это обычные React Flight streams, которые встраиваются в TanStack Query с кешированием и background refetch. На контентных страницах tanstack.com миграция на RSC сэкономила ~153KB gzip

Проекты

HyperFrames — создаёт видео из HTML и JavaScript. По сути, браузерный движок, который рендерит DOM в видеопоток — полезно для генерации превью, анимированных карточек и демо
JS Paint — пиксельный ремейк MS Paint в браузере, с темами, расширениями и полной поддержкой оригинальных форматов. Работает оффлайн через Service Worker
Charcuterie — коллекция готовых CSS-компонентов без JavaScript. Кнопки, карточки, формы — всё на чистом CSS, можно копировать и адаптировать
локальные встраиваемые примеры кода — Александр Овганнисян сделал веб-компонент для runnable code snippets, которые работают полностью локально, без сервера

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

CSS

CSS Anchor Positioning: тултипы без JS — позиционирование попапов и тултипов относительно якорных элементов с помощью CSS-only anchor(), без единой строчки JavaScript

JS/TS

Как прервать async workflow без отмены промисов — в JavaScript нет универсального механизма отмены, но с комбинацией AbortController и паттернов можно элегантно прерывать цепочки async-операций
The Vertical Codebase — TkDodo объясняет, почему components / hooks / utils / types не масштабируется: код одного домена размазывается по куче папок, а utils превращается в помойку. Предлагает группировать по доменам, а не по техническому типу
V8: как код становится «достаточно горячим» — разбор того, как движок V8 решает什么时候 оптимизировать функцию через TurboFan и какие триггеры запускают JIT-компиляцию

Пульс веб-платформы 21.04.2026

Tue, 21 Apr 2026 00:00:00 GMT

Новости

Vercel взломали — атаковали через сторонний AI-инструмент сотрудника, утекли данные клиентов. Guillermo (CEO) говорит что атака «значительно ускорена ИИ». Ещё один случай supply chain через AI-тул.
React Native 0.85 — наконец-то Unified Animation Backend: width, height, flex теперь анимируются через native driver без падения на JS-нить. Plus: DevTools с одновременными CDP-соединениями, Metro с TLS.
pnpm 11 RC — SQLite-backed store index и supply-chain protection включены по дефолту. На этот раз opinionated — это правильно.

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

CSS

hand-drawn underline на border-shape — Temani Afif превращает скучную border-bottom в нарисованную от руку линию. Генератор формы прилагается. Chrome-only пока что.
CSS position:sticky теперь по осям — девятилетнее issue закрыто: sticky-элемент может отслеживать разные scroll-контейнеры по горизонтали и вертикали. Позволяет layouts, которые раньше были невозможны.
современные CSS-фичи ломаются в Shadow DOM — cascade layers, container queries, @scope, @property ведут себя иначе внутри shadow DOM. Команда Adobe Spectrum задокументировала проблемы.

JS

почему я больше не чейню всё подряд — .filter().map().sort() выглядит чисто, но больно дебажить. Правило: 3-4 шага — разбить на именованные переменные. Для async-цепочек тем более.
Parse, Don't Validate в TypeScript — branded types и discriminated unions позволяют TypeScript нести доказательство что валидация уже прошла. Без защитных if по всему коду.

Платформа

MDN перестроили без React → Web Components — React был просто обёрткой вокруг статического контента. Теперь кастомный render pipeline и Lit web components. Самый MDN-поступ за всё время.
PWA может ассоциировать себя с файлами — через file_handlers в manifest и launchQueue API: клик по .md-файлу открывает твою PWA. 400KB против 90MB Electron-версии того же приложения.

Пульс веб-платформы 23.04.2026

Thu, 23 Apr 2026 00:00:00 GMT

Новости

Chrome 148 теперь поддерживает Structured Clone для messaging:
- Map, Set, Date, File и Blob передаются между контекстами расширения без ручной сериализации
- опционально: "message_serialization": "structured_clone" в manifest.json
- расширения с разным форматом сериализации не смогут общаться между собой
Shadcn radio button — 260 строк кода вместо одной:
- <input type="radio"> — и это всё, что нужно
- Shadcn: 45 строк + Radix за спиной (215 строк, 7 импортов)
- accessibility не лучше, стилизация не проще

Проекты

Wiretext — wireframe-редактор, где всё рендерится Unicode box-drawing символами. Рисуешь блоки, текст, кнопки чистым текстом — идеально для быстрых набросков без GUI
tiks — процедурные звуки для веб-интерфейсов через Web Audio API:
- осцилляторы, шум, кривые — никаких mp3, только математика
- единая «звуковая тема», всё звучит консистентно
- core ~2KB, React hook ~300B, уважает prefers-reduced-motion

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

JS/TS

DistributiveOmit — как стандартный Omit<T, K> превращает union-типы в {}:
- keyof для union видит только общие ключи всех веток
- Exclude возвращает never, и тип схлопывается
- решение: T extends any ? Omit<T, K> : never — применяет Omit к каждой ветке отдельно

CSS

Настоящий mobile-first — не про медиа-запросы, а про учёт реальных ограничений мобильных:
- питание, сеть, жесты, производительность, оффлайн
- кэширование контента, экономия трафика, адаптация ориентации экрана
- режим энергосбережения → упрощённая версия без лишних ресурсов
Обфускация email в 2026 — защита от спам-ботов комбинацией HTML-сущностей, SVG, CSS и комментариев с оценкой устойчивости к разным парсерам

HTML/Accessibility

React Native оптимизация сборки — уменьшение размера bundle, улучшение времени старта и тонкая настройка конфигурации для production

Инструменты

Git 2.54 — новые команды для работы с историей:
- git history reword — переписывает сообщение коммита, не трогая дерево
- git history split — интерактивное разделение коммита на два
- работают с bare-репозиториями, отказываются при конфликтах слияния
Tailwind CSS Color Generator — визуализация палитр с предпросмотром на компонентах, интеграция с Figma и экспорт в CSS-переменные

Пульс веб-платформы 24.04.2026

Fri, 24 Apr 2026 00:00:00 GMT

Новости

Release Notes for Safari Technology Preview 242 — Safari Technology Preview 242 включает поддержку CSS attr() function из Level 5, oblique-only font-synthesis-style, закрытых атрибутов <dialog> и исправления для position-try-order. Также добавлена поддержка secure cookies на loopback хостах и getAllRecords() в IndexedDB.
GPT-5.5: мощная модель от OpenAI — OpenAI выпустили GPT-5.5, которая превосходит Opus 4.7 по ключевым бенчмаркам: Terminal-Bench 2.0 (82.7% vs 69.4%), GDPval (84.9% vs 80.3%). Модель оптимизирована для агентных задач с меньшим количеством подсказок, имеет Computer use на уровне 78.7% и более токен-эффективна, чем предыдущая версия.

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

JS/TS

TypeScript 7.0: компилятор на Go и 10x прирост производительности — TypeScript 7.0 beta представляет полный порт компилятора на Go, что дает 10x прирост производительности по сравнению с 6.0. Новая версия поддерживает параллельное выполнение parsing, type-checking и emitting, имеет новые флаги --checkers и --builders для настройки потоков, а также hard errors на deprecated фичах из 6.0.

CSS

Constructable Stylesheets и adoptedStyleSheets: один парс для каждого Shadow Root — Constructable Stylesheets позволяют парсить CSS один раз и разделять между множеством Shadow Roots, что критически важно для производительности веб-компонентов. Вместо инъекции <style> тега в каждый экземпляр, браузер создает один CSSStyleSheet объект и ссылается на него во всех компонентах.

HTML/Accessibility

Доклад о теге <input>: слайды и факты — Слайды доклада, посвященного тегу <input> - одному из самых сложных и неоднозначных тегов в HTML. Доклад обновляет предыдущие презентации про <a> (2019) и <img> (2020), включает новые факты и особенности реализации.

Инструменты

Dither Image Online: генератор ретро пиксельного и точечного арта — Веб-инструмент для быстрой конвертации фото в эффект stippling и pixel art прямо в браузере. Поддерживает алгоритмы Bayer, Crosshatch, Halftone и Contour с настраиваемой силой, цветовыми уровнями и bloom. Идеально для креаторов и веб-дизайнеров.
Testing OpenGraph on localhost from the CLI — Инструмент для локального тестирования OpenGraph метаданных через CLI без необходимости деплоя или использования внешних отладчиков. Упрощает проверку OG-тегов на локальных серверах разработки.
Form-saver: веб-компонент для сохранения прогресса форм — Веб-компонент form-saver автоматически сохраняет состояние форм в localStorage и восстанавливает поля при перезагрузке страницы. Решает проблему потери заполненных данных из-за случайного закрытия вкладки или обновления.

Пульс веб-платформы 25.04.2026

Sat, 25 Apr 2026 00:00:00 GMT

Новости

Localization support for web app manifests — Chrome и Edge 148 добавили поддержку локализации для web app manifest. Теперь можно определять многоязычные значения для name, description и других полей прямо в манифесте, используя BCP47 теги.

Проекты

Figma MCP plugin — Бесплатный плагин и MCP для обхода API-лимитов Figma. Позволяет верстать с помощью ИИ без ограничений Rate Limit.

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

AI/Agents

Страница на Claude Code и Figma MCP — Разбор случая, когда человек без опыта разработки создал страницу за 30 минут с помощью Claude Code + Figma MCP. Автор критикует выбор Next.js для простой страницы.

JS/TS

Как правильно организовать передачу файлов через WebRTC DataChannel — Разбор 6 реальных проблем при передаче файлов через WebRTC: буфер SCTP, готовность получателя, переподключения, жизненный цикл файлов с практическими решениями.
Нормализация состояния в React через Entity Registry на Zustand — Паттерн Entity Registry с рекурсивным парсингом и мягкими удалениями для аккуратного UI и точечных перерендеров в React.
How I Resolved 15K Circular Dependencies — Инженерная история как в огромном Nx-монорепозитории (7 млн строк, 1000+ проектов) за год вычистили 15 тысяч циклических зависимостей на уровне проектов.

CSS

#событие дня March MadCSS — 16 лучших фронтенд-разработчиков (Josh Cameau, Wes Bos, Kyle Cook, Chris Coyier) схлестнутся в соревновании по вёрстке интерфейсов.

HTML/Accessibility

Ломается вёрстка после правок? Есть решение — Михаил Балицкий (Яндекс) рекомендует использовать сабгриды для создания легко поддерживаемого качественного CSS-кода с минимальными усилиями.

Performance

Auto sizes on Images — Firefox 150 добавил sizes="auto" для responsive images, что делает их проще и надёжнее без необходимости ручного указания sizes атрибута.
Варианты предзагрузки изображений на JavaScript — Алекс Макартур сравнивает 5 подходов к предзагрузке изображений: new Image(), <link rel="preload">, скрытый <div> с CSS-фоном, Cache API и fetch() с их компромиссами.

Инструменты

Когда пакет долго живёт... — Статья про организацию библиотек с subpath exports в package.json вместо одного большого barrel-файла, чтобы избежать проблем с module graph.

Пульс веб-платформы 26.04.2026

Sun, 26 Apr 2026 00:00:00 GMT

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

JS/TS

Как правильно реализовать кнопку Назад во Vue — Разбор нюансов кнопки «Назад» во Vue: почему router.push создаёт дубли страниц и ловушку навигации, когда использовать router.back или router.go(-1), и как добавить fallback для корневого маршрута. Полезно для тех, кто сталкивается со странным поведением истории браузера в SPA.

CSS

CSS Recently In All Browsers — Подборка CSS-фич, которые перешли в Baseline с октября 2025 по апрель 2026. Anchor Positioning для привязки элементов без DOM-хаков, @scope для селекторного скоупа с «пончиком», name-only container queries без условия на размер, shape() для нативной CSS-геометрии, view-transition-class для анимаций роутинга в SPA, и новые типографские юниты rcap/rch/rex/ric. Много чего уже можно использовать в проде.
View Transitions Toolkit — Набор утилит для View Transitions: детект поддержки, полифилл для activeViewTransition, оптимизация keyframes, управление воспроизведением и автоматическая подстановка transition-типов при навигации. Упаковано в npm-пакет с готовыми хелперами — чтобы каждый раз не писать boilerplate для сложных анимированных переходов.

Пульс веб-платформы 27.04.2026

Mon, 27 Apr 2026 00:00:00 GMT

Новости

TypeScript 7.0: компилятор на Go, 10x быстрее — TypeScript переезжает на Go, получая колоссальный прирост производительности — в 10 раз быстрее, чем TypeScript 6.0. Парсинг, типизация и эмиссия теперь работают параллельно, что кардинально ускорит большие проекты.
BCD Changes Report: Serial API, LanguageModel, CSS Container Rule — Firefox добавил поддержку Serial API для работы с последовательными портами и LanguageModel API. В CSS появился Container Rule и свойство position-anchor. Всего за неделю +40 новых API в браузерах.

Проекты

TSRX: духовный преемник JSX для TypeScript — Языковое расширение TypeScript от Dominic Gannaway, которое позиционируется как духовный преемник JSX. Позволяет писать более декларативный код с улучшенной типизацией шаблонных конструкций.
Rspack 2.0: much faster, better ESM support — Rspack обновился до версии 2.0 с существенным улучшением производительности и поддержкой ES modules. Бандлер продолжает расти популярностью как альтернатива Webpack.

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

JS/TS

[collective speed isn't the sum of individual speed](https://blog.jim-nielsen.com/2026/collective-speed-isnt-the-sum-of individual-speed/) — Глубокая мысль: быстрые разработчики не делают быструю компанию, как спринтеры в эстафете. Критически важна передача эстафеты (синхронизация) между участниками, а не индивидуальная скорость.
AI & alignment: raw coding speed isn't the bottleneck — Хорошая статья о том, что скорость написания кода не является основной проблемой. Важнее синхронизация команды, понимание того, что строить, и review процесс. AI ускоряет индивидуальную работу, но не помогает с командной.

CSS

Rebuilding a web text editor: draft.js is not the answer — Readymag CTO о том, почему они отказались от draft.js и решили строить свой текстовый редактор с нуля. Интересный кейс про vendor lock, emoji sequences и необходимость full control над текстовыми манипуляциями.

Инструменты

Apify Actors для OpenClaw: 25,000+ инструментов для веб-данных — Интеграция Apify в OpenClaw дает доступ к более чем 25,000 инструментам для реального сбора веб-данных. Один CLI install для расширенных возможностей парсинга и извлечения данных.
WSL9x: Linux kernel внутри Windows 9x kernel — Любопытный проект: современный Linux kernel, работающий кооперативно внутри ядра Windows 9x. Технически невозможное стало возможным.

Пульс веб-платформы 28.04.2026

Tue, 28 Apr 2026 00:00:00 GMT

Новости

Конец адаптивных изображений — Мэт Маркиз, бывший председатель Responsive Image Community Group, подводит итог десятилетней борьбе с sizes. Теперь sizes="auto" + loading="lazy" перекладывают работу на браузер — поддержка уже в Firefox, Safari и Chrome. Длинные sizes нужны только для above-the-fold картинок.
Fresh 2.3 — обновление full-stack фреймворка Deno — Nuxt/Kinoko для Deno получил версию 2.3 с улучшенной island-архитектурой, быстрее холодные старты и обновлённые dev tools.
OXC Angular Compiler — компилятор Angular на Rust — Команда VoidZero (OXC, Vite) делает компилятор для Angular-шаблонов на Rust. Цель — ускорить сборку проектов, которые сейчас зависят от тяжёлого Java-компилятора.

Проекты

replacements.fyi — замены для 687 устаревших NPM-пакетов — Каталог альтернатив устаревшим пакетам — показывает современные drop-in замены с актуальной поддержкой. Полезно при миграции старых проектов.
Animata — коллекция open-source UI-анимаций — Библиотека готовых анимированных компонентов для веба. Копируй код, адаптируй — от hover-эффектов до сложных page transitions.

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

JS/TS

Railway уходит с Next.js — Railway мигрирует фронтенд с Next.js на статический сайт. Причины: ненужный серверный рендеринг для SaaS-дашборда, сложность деплоя и желание упростить инфраструктуру.

CSS

Name-only контейнеры в CSS — scoped стили на уровне платформы — CSS Container Queries с name-only синтаксисом позволяют ограничивать область действия стилей по имени без медиа-условий. Ближе к CSS Modules, но нативно — решает проблему конфликта классов в дизайн-системах.
Building a UI without breakpoints — Как строить адаптивные интерфейсы без медиа-запросов — container queries, clamp(), intrinsic sizing и fluid typography. Подход, при котором layout подстраивается к контейнеру, а не к viewport.

HTML/Accessibility

Canvas-ing the Web — рендеринг HTML+CSS в canvas — Эрик Мейер разбирает практический use case для нового HTML-in-Canvas API (Chrome preview). Рендер DOM-дерева на <canvas> — для скриншотов, PDF-экспорта и нестандартных layout-эффектов.
SVG Filters — визуальный гайд по основам — Введение в SVG-фильтры: blur, color manipulation, displacement mapping. С визуальными примерами и объяснением каждого примитива (feGaussianBlur, feColorMatrix, feTurbulence).

Пульс веб-платформы 29.04.2026

Wed, 29 Apr 2026 00:00:00 GMT

Новости

Rspack 2.0 — больше не просто «быстрый webpack» — Rspack выходит за рамки webpack-совместимости: чистый ESM, нормальный tree-shaking для CommonJS destructuring и inline dynamic imports, persistent cache для SWC минификатора ещё на ~50% быстрее. Дев-сервер похудел с 192 npm-зависимостей до одной. npm-скачивания выросли со 100k до 5M в неделю — и это вполне заслуженно.
MDN полностью переписали — без React, на Web Components — React был обёрткой поверх статического контента — они его выкинули и написали свой рендер-пайплайн на Lit Web Components. Результат: быстрее, проще, никакого hydration для контента, который не меняется. Самое MDN-шное решение из возможных.

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

JS/TS

Что нужно знать в JavaScript в 2026 году — Chris Coyier нарисовал карту JS-ландшафта: ECMAScript 2025/2026, фреймворки, рантаймы, билд-тулы. Длинный и подробный обзор. Хорошо подходит как checkpoint — проверить, не упустил ли что-то за год.

CSS

CSS Containment — забытый инструмент для производительности — Harry Roberts разбирает CSS Containment с нуля. Фича доступна давно, но почти не используется. Позволяет браузеру пропускать пересчёт layout, paint и style для изолированных поддеревьев DOM. Как virtual DOM, но нативный и без JS. Если у вас есть виджеты или динамические блоки — containment может дать заметный прирост.
position:sticky теперь отслеживает ближайший scroll-контейнер по каждой оси — Девятилетний баг в CSS-спецификации наконец исправлен: sticky-элементы могут независимо прилипать к разным scroll-контейнерам по горизонтали и вертикали. Лейауты, которые раньше были невозможны чистым CSS. Сначала landed в Chromium.

HTML/Accessibility

Ленивая загрузка видео и аудио стала веб-стандартом — Chrome 148: нативный lazy loading для <video> и <audio> через loading="lazy". Firefox и WebKit на подходе. Никаких IntersectionObserver — работает как для изображений.

Performance

Как научить свой сайт быть видимым для LLM: 6 техник, которые работают — Evil Martians разобрали, что реально помогает LLM-агентам находить ваш контент: структурированные данные, llms.txt, чистый семантический HTML. Плюс 8 техник, которые не дают ничего. Трафик всё чаще приходит не только из Google, но и из Claude/Gemini — стоит подготовиться.

Инструменты

aube — новый пакетный менеджер от автора mise — Drop-in замена npm с фокусом на raw performance и безопасные дефолты от Jeff Dickey (mise, rtx). Если устали ждать pnpm или нодят npm — стоит присмотреться.

Дизайн/Продукт

Мелочи, которые делают интерфейсы приятнее — CSS-детали, из которых собирается полировка UI: сбалансированный text-wrap, concentric border-radius, tabular numbers, прерываемые CSS-переходы. Ничего революционного, но именно из таких штук складывается ощущение качественного продукта.

Пульс веб-платформы 30.04.2026

Thu, 30 Apr 2026 00:00:00 GMT

Новости

Element-scoped View Transitions в Chrome 147 — Chrome 147 добавил element-scoped view transitions — теперь можно запускать переходы на конкретном контейнере, а не только на document. Позволяет анимировать список, не затрагивая сайдбар
TSRX — духовный наследник JSX — Dominic Gannaway (React, Svelte, Inferno) анонсировал TypeScript Render Expressions — компилятор, трансформирующий новый синтаксис в идиоматичный React, Solid или Ripple. Поддерживает условный рендеринг с хуками, SFC и async boundaries
Аналог.js 2.5 — runtime i18n, fast compilation и hierarchical content — Вышла версия 2.5 метафреймворка Analog.js с runtime интернационализацией, режимом быстрой компиляции и поддержкой иерархического контента

Проекты

Trees — библиотека рендеринга файловых деревьев — Новая библиотека для рендеринга файловых деревьев от команды, работавшей над Preact и Wouter
Pracht — full-stack Preact-фреймворк — Новый full-stack фреймворк на базе Preact от Daishi Kato, автора React Server Components articles
GitButler — Git-клиент на стероидах — Скотт Чакон (сооснователь GitHub, автор Pro Git) привлёк $17M на GitButler — клиент с параллельными ветками, автосинхронизацией, автоматическими снимками и упрощённым управлением коммитами
Шакализатор сайтов 3000 — Сервис превращает любой современный сайт в Web 1.0: вырезает стили и скрипты, добавляет кислотный фон, гифки и переписывает ссылки. Open-source

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

JS/TS

Что знать в JavaScript к 2026 году — Обзор ECMAScript 2025: ленивые Iterator Helpers, методы для Set, RegExp.escape для безопасных регулярок. Фокус на применении в рантаймах, фреймворках и туллинге

CSS

Генеративные цвета через CSS relative colors и oklch() — Практический гайд по созданию полных цветовых палитр из одного hex-кода с помощью oklch() и relative colors в CSS — с регулировкой chroma и lightness через calc()
7 рецептов для View Transitions в CSS — Готовые шаблоны анимаций для плавных переходов между страницами — от dissolve до продвинутых эффектов с учётом prefers-reduced-motion
Building a UI Without Breakpoints — Как строить адаптивные интерфейсы без медиа-запросов — intrinsic layouts, fluid values и container queries вместо breakpoint-driven дизайна
Scroll-Driven Animations — полное руководство от Josh Comeau — CSS animation-timeline: таймлайны прокрутки, диапазоны анимации (cover, contain, entry, exit), view-timeline и timeline-scope. Поддержка ~85%
Пиксель в CSS: почему 1px ≠ 1px на дисплее — Разбор того, почему CSS-пиксель может не совпадать с физическим пикселем — devicePixelRatio, субпиксельный рендеринг и fractional pixels

HTML/Accessibility

Проблема доступности — это не дизайн, это инженерия — Почему full-stack инженеры и AI-generated код разрушают доступность: lack of semantic HTML, ARA cargo-culting, и 70% проблем, которые автоматические тесты не ловят. Фронтенд — это специализация

Performance

Горячий код в V8: оптимизация на лету — Как V8 оптимизирует код от «холодного» до «горячего»: интерпретация, JIT-компиляция и влияние на бенчмарки, облачные функции и высоконагруженные проекты

Инструменты

GitHub is sinking — время уходить? — Анализ деградации GitHub после Microsoft: падение аптайма, slop, проблемы с Copilot и AI-генерацией кода. Обзор альтернатив — Codeberg, Forgejo, Tangled, self-hosted

Пульс веб-платформы 01.05.2026

Fri, 01 May 2026 00:00:00 GMT

Новости

Google Search теперь использует Compression Dictionaries для ещё более быстрой загрузки — Google Search подключил Shared Dictionary Compression — браузер заранее загружает словарь сжатия, и страницы летают ещё быстрее. Бонус: URL-преобразования Google Search теперь работают через Service Worker, а не серверный редирект.
Signal Forms в Angular v21 — реактивные формы на сигналах — Angular v21 вводит Signal Forms — реактивные формы, построенные на сигналах вместо Observable-стрима. Проще отслеживать изменения, меньше бойлерплейта, легче композиция. Domclick делится опытом миграции с Reactive Forms.

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

HTML/Accessibility

AI-generated UI is inaccessible by default — UI, сгенерированный через v0, shadcn/ui и аналоги, не проходит базовые проверки доступности — нет семантики, aria-атрибуты прописаны формально, клавиатурная навигация сломана. AI генерирует «визуально правильный» код, но для скринридеров он мёртв.
Three stoic principles for better web accessibility — Патрик Лаукке переводит стоические принципы на язык a11y: фокус на контроле (вместо «клиент хочет так»), дисциплина семантики, и принятие ограничений как design constraint, а не бага.
Эмодзи и иконки: как сделать их доступными для скринридеров — Эмодзи и иконки в UI часто невидимы для assistive technology. Разбираем role="img", aria-label, aria-hidden, и когда emoji можно оставить, а когда замена обязательна.
Animated video backgrounds через Web Component и ColorThief — Raymond Camden показывает, как сделать анимированный video background с динамической цветовой палитрой: Web Component оборачивает <video>, а ColorThief извлекает доминирующий цвет для подстраивания UI под кадр.

Дизайн/Продукт

Output isn't design — Linear о том, почему финальный пиксель — это не дизайн. Дизайн — это система решений, контракты, ограничения и компромиссы. AI может рисовать экраны, но не может проектировать систему.

Пульс веб-платформы 02.05.2026

Sat, 02 May 2026 00:00:00 GMT

Новости

TanStack Form — новая библиотека форм от команды TanStack — Tanner Linsley представил TanStack Form — библиотеку для управления формами с сильной типизацией и фокусом на производительность. Поддерживает React, Vue, Solid, Angular и Svelte. Vanilla-подход с uncontrolled-инпутами и реактивной валидацией.

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

JS/TS

SSGOI — нативные переходы между страницами — SSGOI (Streaming Server-Generated Overlaid Interactions) добавляет плавные переходы между страницами поверх SSG — View Transitions + streaming. Переходы работают без клиентского роутинга.
Арифметика в TypeScript: зачем складывать числа на типах — Разбор системы типов TypeScript как инструмента для вычислений на уровне типов: литеральные типы, рекурсивные условные типы и кортежи для реализации арифметических операций.

CSS

Чем заменить !important в CSS — Разбор альтернатив !important: каскадные слои (@layer), грамотный порядок подключения стилей и трюк с specificity через изоляцию CSS. !important ломает каскад и делает отладку сложнее.
CSS subgrid для выравнивания контента из CMS без костылей — Subgrid позволяет наследовать сетку родителя в дочерних элементах — идеально для карточек с контентом из CMS, где нужно выровнять заголовки, текст и кнопки по одной линии.

HTML/Accessibility

Open web vs AI: what can W3C do? — Hidde de Vries рассказывает о breakout-сессии на W3C Advisory Committee: угрозы открытому вебу от LLM-краулеров, закрытых AI-платформ и walled gardens. Обсуждение возможных ответных мер стандартизацией.
SVG с нуля — Кармен Ансио — Кармен Ансио предлагает смотреть на SVG не как на формат графики, а как на полноценный язык разметки для интерактивной визуализации с анимациями и скриптами.

Пульс веб-платформы 03.05.2026

Sun, 03 May 2026 00:00:00 GMT

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

JS/TS

Как проверять NPM-зависимости на коммиты от Claude — Скрипт для Node.js, который проходит по node_modules, извлекает GitHub-репозитории из package.json и через API проверяет коммиты от Claude Code. Помогает оценить долю AI-сгенерированного кода в зависимостях проекта.

HTML/Accessibility

Разбор window.open — особенности попапов в разных браузерах — Глубокий разбор API window.open: как работают features (размеры, position, toolbar, scrollbars), блокировки попап-блокерами, различия поведения в Chrome, Firefox и Safari. Практические примеры и подводные камни.

Инструменты

Eleventy переименован в Build Awesome — новый Kickstarter — Статический генератор Eleventy сменил имя на Build Awesome. Команда Font Awesome перезапустила Kickstarter после отмены мартовской кампании — уже собрала $57k при цели $30k. David Bushell и Brennan Brown разбирают странную историю ребрендинга и проблемы с доставкой email.

Пульс веб-платформы 04.05.2026

Mon, 04 May 2026 00:00:00 GMT

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

Инструменты

GitHub is sinking — David Bushell — David Bushell разбирает деградацию GitHub после покупки Microsoft: падение uptime, AI-slop-коммиты которые DDoS-ят платформу, и массовый исход разработчиков (Ghostty, Mitchell Hashimoto, Armin Ronacher уходят на Codeberg/Forgejo). Напоминает что Git ≠ GitHub и что пора искать альтернативы.
CSS or BS? — интерактивный квиз на знание CSS-свойств — Игра от Keith Cirkel: 20 раундов, нужно угадать — реальное CSS-свойство или выдумка. В спецификации уже 600+ свойств, и некоторые звучат как фейк. Отличный способ проверить и освежить знания CSS.

Пульс веб-платформы 05.05.2026

Tue, 05 May 2026 00:00:00 GMT

Проекты

TUIStudio — визуальный редактор для terminal UI — Figma-подобный визуальный редактор для TUI-приложений: drag-and-drop компонентов, live ANSI-превью, экспорт в 6 фреймворков. Alpha, Apple Silicon.

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

JS/TS

React Native animations: бенчмарк каждого подхода — Детальное сравнение всех подходов к анимациям в React Native: Reanimated, Animated API, Layout Animation, Moti. Результаты бенчмарков и рекомендации когда какой подход использовать.

CSS

CSS n of Selectors — условная валидация форм — :nth-child(n of selector) умеет считать элементы по условию — например, показать подсказку когда заполнено ровно 3 поля из 5. Работает через :has() и :checked для создания контр-зависимых UI без JavaScript.

HTML/Accessibility

Много маленьких HTML-страниц вместо SPA — Jim Nielsen возвращаетсь к подходу «много маленьких HTML-страниц» вместо SPA-интеракций. Навигация между страницами через View Transitions API + CSS вместо JavaScript-раскрытий. Меню, модалки, табы — всё через multi-page navigation.
You don't know HTML: <fieldset> — Разбор <fieldset> — элемент для группировки FormControl'ов с доступной подписью через <legend>. Скринридеры зачитывают легенду, а фокус управляется на уровне группы.
Скринридеры — не тестовый инструмент для проверки WCAG — Скринридеры помогают понять как пользователи с инвалидностью взаимодействуют с интерфейсом, но не заменяют автоматизированное тестирование WCAG. Это разные задачи с разными целями.

Performance

Что такое bfcache и как он работает — Back/Forward Cache — когда пользователь жмёт «назад», браузер мгновенно восстанавливает предыдущую страницу из памяти вместо полной перезагрузки. Как это работает, какие ограничения и как проверить что страница попадает в bfcache.

Пульс веб-платформы 06.05.2026

Wed, 06 May 2026 00:00:00 GMT

Новости

New in Chrome 148 — CSS name-only container queries, lazy loading для video/audio и Prompt API с доступом к on-device AI Gemini Nano
Trustworthy JavaScript for the Open Web — WAICT — новая платформа для верифицируемой безопасности веб-приложений с криптографической привязкой кода к публичным манифестам
Старший брат Web Socket'ов — Web Transport API стал Baseline — быстрая двунаправленная связь поверх HTTP/3 с потоками и датаграммами
Chrome 145: column-height и column-wrap — Новые свойства для multi-column layout позволяют строить 2D-потоки с вертикальным заполнением

Проекты

Lattice — framework для AI-assisted programming — Компонуемые skills в three tiers (atoms, molecules, refiners) для battle-tested engineering disciplines

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

JS/TS

pnpm 11 cuts the npm umbilical cord — pnpm 11 — чистый ESM, SQLite store, supply-chain protection по умолчанию и нативная реализация publish workflow
Why I don't chain everything in JavaScript anymore — Отказ от excessive chaining в JavaScript из-за необходимости логирования между частями и ясности имен переменных
Висящие промисы как простой способ оборвать async-функцию — Использование await new Promise(() => {}) для явной остановки async-функций без исключений

Инструменты

Сбрось цепи размышлений! — Исследования показывают, что Chain-of-Thought для простых задач не только увеличивает оверхед токенов, но и негативно влияет на результат

Пульс веб-платформы 07.05.2026

Thu, 07 May 2026 00:00:00 GMT

Новости

6 миллионов фейковых звёзд на GitHub — Исследователи из CMU проанализировали 20 терабайт метаданных GitHub и нашли ~6 млн фейковых звёзд на 18 617 репозиториях от 301 000 аккаунтов. Stars продаются открыто — от $0.03 до $0.85 за штуку, прямо через Telegram. Основной юзкейс — продвижение malware-репозиториев через фейковую социальную доказательность.

Проекты

Portless — стабильные .localhost URL вместо портов — Инструмент от Vercel Labs заменяет localhost:3000 на myapp.localhost. На первом запуске генерирует локальный CA для HTTPS с HTTP/2, биндит порт 443 (с auto-elevate на macOS/Linux). Прокси стартует автоматически, назначает порт из диапазона 4000-4999 через PORT, настраивает rewrite для TLD в /etc/hosts. Работает с Next.js, Nuxt, Express из коробки; для Vite и Astro автоинжектит --port. В monorepo один portless.json покрывает все workspace-пакеты. Pre-1.0.

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

JS/TS

Vite выходит из Vitest — В Vitest завелась дискуссия о разделении с Vite. Vitest работает над собственным transform pipeline и пользовательский комьюнити запрашивает поддержку альтернативных bundlers — Rolldown, Rspack. Два проекта, которые долго шли вместе, могут пойти разными путями: Vitest получит независимость от Vite-specific решений.

CSS

Animating Focus with View Transitions — Cassidy Williams показывает как сделать «летающее» фокус-кольцо при Tab-навигации через View Transitions API — анимированное перемещение outline между элементами. WebAIM уже используют этот паттерн на своём сайте accessibility. Паттерн уважает prefers-reduced-motion и автор честно отмечает, что это скорее эстетический эксперимент, чем a11y-необходимость.
sizes="auto" для адаптивных изображений — Мэт Маркиз, бывший председатель Responsive Image Community Group, рассказывает историю борьбы с атрибутом sizes за 10 лет. sizes="auto" вместе с loading="lazy" передаёт задачу выбора подходящего изображения браузеру — больше не нужно вручную описывать медиа-запросы и layout-размеры. Браузер сам определяет размер на основе layout и lazy-loading контекста.

Пульс веб-платформы 09.05.2026

Sat, 09 May 2026 00:00:00 GMT

Новости

Rspack 2.0 — релиз бандлера на Rust — Вышел Rspack 2.0 — бандлер на Rust, прошедший путь от 100K еженедельных скачиваний до полноценного конкурента webpack. Ключевые изменения: улучшенный tree-shaking, native ESM, быстрый HMR и улучшенная совместимость с webpack-экосистемой.

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

JS/TS

Designing Stable Interfaces For Streaming Content — Smashing Magazine разбирает дизайн UI для streaming-контента — чат-приложения, логи, транскрипции в реальном времени. Интерфейс растёт на глазах пользователя: layout shift'ы, клавиатурная навигация, ARIA-атрибуты для динамического контента, обработка прерываний потока. 19-минутная статья с примерами кода.
От React к нативному вебу с nanotags — миграция, сэкономившая 100 Кб — Павел Гринченко (Web Standards) рассказывает про миграцию с React на нативный веб с библиотекой nanotags. Результат: минус 100 Кб бандла, уход от React-зависимостей и переход на Web Components + нативные DOM API. Доклад с HolyJS.

CSS

Управление бесконечными CSS-анимациями — часть 1 — Temani Afif показывает как управлять infinite CSS-анимациями: ускорять, замедлять, плавно останавливать. Ключевой трюк — animation-composition: add позволяет определить анимацию дважды (одна paused, вторая running) и при hover получить удвоенную скорость. Также разбираются animation-timeline: scroll() для scroll-driven управления и способы плавного замедления через cubic-bezier.

HTML/Accessibility

ARIA APG: доверяй, но проверяй — Разбор проблем ARIA Authoring Practices Guide — официального ресурса по доступным паттернам. Несмотря на статус «официального», APG содержит ошибки и устаревшие рекомендации. Автор призывает не копировать паттерны blindly, а проверять их реальную работу со скринридерами и сверяться с актуальными спецификациями.

Пульс веб-платформы 10.05.2026

Sun, 10 May 2026 00:00:00 GMT

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

JS/TS

Anti-corruption layer на фронте: зачем адаптеры между API и UI — Разбор паттерна Anti-Corruption Layer из DDD применительно к фронтенду: адаптеры между API-ответами и UI-компонентами изолируют бизнес-логику от изменений контракта бэкенда. Когда бэкенд меняет структуру ответа, меняется только адаптер, а не весь UI. Практические примеры и когда паттерн оверхед.

CSS

When CSS Says 'Yes' but Browsers Say 'LOL No' — Alvaro Montoro разбирает почему @supports может лгать: вложенный @supports внутри стилевого правила не наследует селектор, а работает глобально. Пример: @supports (content: " - ") внутри li::marker — Chrome и Firefox рендерят красный dash, а Safari красный круг, хотя @supports говорит что свойство поддерживается. Проблема: @supports проверяет свойство вообще, а не в контексте конкретного селектора.

Пульс веб-платформы 08.05.2026

Fri, 08 May 2026 00:00:00 GMT

Новости

Chrome 148: Prompt API на базе Gemini Nano — В Chrome 148 появился Prompt API — встроенный доступ к Gemini Nano прямо в браузере, оффлайн. Модель весит ~4 ГБ и подтягивается автоматически. Проблема: в каждом браузере своя модель, ответы непредсказуемы и могут меняться при обновлении. Сандартизация под вопросом.
Mozilla укрепляет Firefox с помощью Claude Mythos — Mozilla описала, как с помощью Claude Mythos и agentic-харнесов нашла и исправила беспрецедентное количество уязвимостей в Firefox. AI-пайплайн для аудита безопасности: от поиска багов до триажа и шиппинга фиксов. Найдены sandbox-escape'ы, UAF и 20-летние баги в XSLT.
Safari Technology Preview 243 — Много CSS-фиксов: text-autospace с ключевым словом insert, contain: style для счётчиков цитат, исправления @scope в web components, :has(:empty), position-area, clip-path: inset() и ускорение :where/:is. Плюс фиксы accessibility для VoiceOver.

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

JS/TS

Navigation API — замена History API для SPA — Navigation API решает проблемы History API единым событием navigate на window.navigation. Один обработчик вместо россыпи слушателей, intercept() вместо preventDefault, доступ к стеку через entries(), встроенная отмена через signal. Поддержка: Chrome 102+, Firefox 147+, Safari 26.2+.

CSS

safe-area-inset для мобильных раскладок — Разбор env(safe-area-inset-*) для учёта вырезов, камер и плавающих кнопок на мобильных. Зачем нужен viewport-fit=cover, как комбинировать отступы через calc(), и новые safe-area-max-inset-*, которые не меняются при скрытии адресной строки.

Инструменты

Bearnie — компонентная библиотека для Astro + Tailwind — Набор компонентов для Astro и Tailwind CSS, которые добавляются через CLI и остаются под вашим контролем. Быстрый старт: npx bearnie init. Можно расширять и собирать свою библиотеку поверх.
Griddy Icons — open-source иконочный шрифт — Бесплатная open-source библиотека иконок с утилитарным стилем. Более 1000 иконок, SVG-формат, подходит для веб-проектов.

Пульс веб-платформы 11.05.2026

Mon, 11 May 2026 00:00:00 GMT

Новости

BCD Changes Report: 138 изменений за неделю — Еженедельный отчёт Igalia: 138 изменений в Browser Compatibility Data. Из интересного — CSS container style queries с range syntax добавлены в Firefox, WebGPU createTexture descriptor поддержан всеми 3 движками, и множество обновлений по WebRTC и Web Audio API.

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

CSS

The CSS Range Syntax — чище и понятнее media queries — Ahmad Shadeed разбирает range syntax в media queries: @media (width >= 400px) вместо @media (min-width: 400px). Range-синтаксис устраняет частую ошибку с min-width/max-width когда значения не стыкуются, делает код читаемее. Поддерживается во всех браузерах.

HTML/Accessibility

Out With the JS, In With the HTML — Jim Nielsen — Jim Nielsen продолжает серию про «много маленьких HTML-страниц»: заменил web component для ресайза иконок на обычные HTML-страницы с разными URL (?size=sm/md/lg). Раньше — JS-компонент с кастомными атрибутами, теперь — навигация через View Transitions. Сайт полностью pre-rendered, и JS был единственным исключением — теперь его нет.

Инструменты

Avoid using CDATA in RSS — почему CDATA ломает фиды — Разбор почему <![CDATA[...]]> в RSS/Atom — плохая практика: невозможно экранировать ]]> внутри блока, ломается при вложенности, парсеры обрабатывают непредсказуемо. Альтернатива — XML-escaping (<, &) или Atom с namespace. Актуально для авторов RSS-фидов и разработчиков парсеров.

Пульс веб-платформы 12.05.2026

Tue, 12 May 2026 00:00:00 GMT

🩸 Пульс веб-платформы 12.05.2026

Новости

WebKit для Safari 26.5 — Новый :open pseudo-class — единый стиль для :open-состояний <dialog>, <details>, <select> и <input>. random() получил element-scoped ключевое слово для пер-элементного рендома. Color-interpolation для SVG-градиентов — линейный RGB вместо sRGB. Anchor Positioning и Scroll-driven animations — полдюжины фиксов. Итого 63 багфикса — крупнейший маевый релиз WebKit.

Проекты

Rebased — Git-клиент из IntelliJ Community — Open-source (Apache 2.0) графический Git-клиент на базе IntelliJ Community Edition. Продвинутый Diff, интерактивный rebase, Git Worktree, полноценный VCS. Для тех, кто скучает по JetBrains-инструментам, но не хочет платить за full IDE.
Chrome DevTools MCP CLI — LLM-аудит страниц — Инструмент, который даёт LLM доступ к Chrome DevTools через MCP-протокол. Вместо Playwright + Lighthouse — прямая работа с Chrome Insights для Core Web Vitals. Аудит получается заметно детальнее, а по токенам — примерно то же самое.

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

JS/TS

TC39 Composites: структурное сравнение объектов — Новый TC39-проposal вместо Records & Tuples — composites. Позволяет сравнивать объекты по содержимому: Composite({ x: 1, y: 4 }) === Composite({ x: 1, y: 4 }) → true. Можно использовать как ключи в Map/Set. Performance-оптимизированнее, чем Records & Tuples, но до языка ещё далеко — активно обсуждают.

CSS

Контейнерные запросы стали проще — container-type теперь опционален — достаточно задать container-name, и браузер сам определит inline-size. Меньше boilerplate, меньше ошибок.
Shadcn-радио: зачем 260 строк для <input type=radio> — Paul Makes Websites разбирает, почему Shadcn оборачивает простую радио-кнопку в 3 импорта, 45 классов Tailwind и 215 строк Radix UI-кода. Решение с appearance: none + ::before работает во всех браузерах и в 10 раз короче. Радикальный взгляд на over-engineering-компонентов.

Performance

stale-while-revalidate: невидимый кэш для мгновенных ответов — Полезный разбор HTTP-заголовка Cache-Control: stale-while-revalidate. Ресурс отдаётся мгновенно из устаревшего кэша, пока в фоне тянется обновление. Идеально для нехешированной статики и API-ответов. Пользователь видит старую версию максимум на 30 секунд — незаметно.

Пульс веб-платформы 13.05.2026

Wed, 13 May 2026 00:00:00 GMT

Новости

Chrome 149: Immediate UI mode для паролей и passkeys — Браузер теперь может сам предложить сохранённые учётки при клике на кнопку входа — без редиректа на отдельную страницу и ручной формы. Origin Trial уже отыгрался, API стабилизировалась (с изменением: теперь нужен uiMode: 'immediate' вместо mediation: 'immediate').
Vite 8: esbuild и Rollup уходят, приходит Rust-бандлер — Vite 7 разделил пайплайн: esbuild для dev-зависимостей, Rollup для продакшн-бандла. Каждый движок со своей семантикой модулей и tree-shaking. Восьмёрка убирает оба и ставит на их место единый Rust-бандлер — одна семантика, один бэкенд.
TanStack: 84 npm-пакета скомпрометированы через CI/CD — Socket обнаружили Malware Mini Shai-Hulud в пакетах @tanstack. Злоумышленники пролезли через GitHub Actions (pull_request_target + OIDC-токены) и автоматически запускались через npm lifecycle hooks. Заражены даже @tanstack/react-router с 12 млн загрузок/неделю. Покрути секреты, если ставили.

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

JS/TS

Зачем ИИ использует void в JavaScript и когда это оправдано — Короткий разбор оператора void: он вычисляет выражение и всегда возвращает undefined. В контексте ИИ-генерации кода void чаще всего используют, чтобы показать — промис запускается «в фоне» без ожидания результата. Полезно знать, чтобы не путать с C#.

CSS

Рисуем квадратные точки через conic-gradient (Chris Coyier) — Chris Coyier показывает, как рисовать паттерн из квадратных точек без растровых картинок — одним conic-gradient с жёсткими стоп-цветами. Три четверти области прозрачная, последняя четверть — точка. background-size + background-repeat = повторяющийся узор. Проще, чем линейные градиенты-маски.

Пульс веб-платформы 14.05.2026

Thu, 14 May 2026 00:00:00 GMT

Новости

TC39 ShadowRealm — изолированные контексты JS на стадии 2.7 — Предложение TC39 позволяет запускать JS в изолированных контекстах с собственными глобальными объектами — в том же потоке, что и основной код. Два метода — evaluate() и importValue() — достаточно, чтобы изолировать сторонние скрипты, рекламу и тесты без загрязнения main context. Пока нет в браузерах.
@effector/router v1.0.0 — роутер на стыке atomic-router и argon-router — Effector core team объединили идеи atomic-router и argon-router в новый @effector/router. Предыдущие роутеры больше не поддерживаются. Для миграции — заменить зависимости на @effector/router@v1.0.0-rc.0 и @effector/router-react@v1.0.0-rc.0, плюс использовать historyAdapter(history) из-за ломающих изменений.
Supply chain атака на @tanstack — 84 вредоносных пакета в npm — Злоумышленник опубликовал 84 вредоносные версии в 42 пакетах @tanstack через цепочку уязвимостей: pull_request_target в GitHub Actions → отравление pnpm-кэша → кража OIDC-токена из памяти раннера. Payload собирал AWS/GCP/K8s токены, SSH-ключи и самораспространялся как червь. Пакеты помечены, но стоит проверить проекты на наличие заражённых версий.

Проекты

@web-kits/audio — декларативный аудиосинтез для веба — Определяй звуки как plain-объекты и проигрывай одной функцией. TypeScript, React-хуки, CLI для пакования sound patches — всё включено. Звучит как nice DX-утилита для тех, кто хочет кастомные звуки без Web Audio API boilerplate.
reactive-framework-test-suite — бенчмарки-кросс-тесты реактивности — Ментейнер реактивности Vue запустил набор тестов корректности для реактивных библиотек — это не бенчмарки, а проверка edge cases. Почти все библиотеки недопроходят десятки тестов. Реатом провалился на одном: рекурсивное обновление computed без явного break-условия. Автор считает, что библиотека должна останавливаться сама; разработчики Реатома — что это ответственность пользователя.

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

JS/TS

Thenable-трюки: ленивые вычисления через совместимость с Promise — Thenable-объекты — не только про бэкенд-совместимость с Promise. Автор показывает, как создать контейнер ленивых вычислений, который лениво считает значение при первом await, кеширует результат и поддерживает монадический bind для цепочек отложенных операций. Классический пример: инициализация конфига из IndexedDB, которая происходит только когда кто-то реально это запрашивает.

CSS

Callout UI с CSS offset-path и border-линиями — Как сделать callout-элементы (текстовые блоки с указывающей линией) без SVG и canvas — чистый CSS. offset-path: border-box приклеивает текстовый бокс к рамке контейнера, а border-box + border-width рисует leader-line. Skew для диагональных линий, box-shadow для теневых, corner-shape для скруглённых углов. Всё анимируется.

Пульс веб-платформы 15.05.2026

Fri, 15 May 2026 00:00:00 GMT

Проекты

Bun PR #30412 — 16 000 файлов за один раз — Ментейнеры Bun запушили PR с 16 000 изменений в одном пулл-реквесте. Меньше 200 строк — это повод ворчать на коллегу, но когда ты в команде Bun — это повод уважать ментейнеров.

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

JS/TS

Promise — не универсальный примитив для асинхронщины — Разбор, где Promise не подходит: нет поддержки отмены, нет приоритетов, нет backpressure. Рассмотрены альтернативы для конкретных паттернов — от абортных задач до потоковой обработки.

CSS

shape-outside — текст обтекает произвольные формы — shape-outside позволяет тексту обтекать circle, ellipse, polygon и gradient-определённые формы. В отличие от float, не ломает flow — контент естественно обтекает, а не сползает под плавающую область.

Пульс веб-платформы 16.05.2026

Sat, 16 May 2026 00:00:00 GMT

Новости

Браузеры по-другому относятся к крупным сайтам — Den Odell показывает, как Safari (Quirks.cpp) и Firefox (about:compat) содержат тысячи строк специфичного кода для TikTok, Netflix, Reddit и других популярных сервисов. Иногда — подмена User Agent на Chrome. Доминирование Chrome превращает интероп в зеркало эпохи IE.
Small language models в браузере: дилемма стандартизации — Dave Rupert разбирает Prompt, Summarizer и Rewriter APIs (Chrome + Edge), соглашается с Mozilla о проблемах calcification и нейтральности моделей, но видит пользу в локальных SLM — приватность, автономность, бесплатность. Аргументы за и против, и честная оценка: веб-платформа получает недетерминированный engine поверх HTML/CSS/JS.

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

JS/TS

Синхронные промисы — Полезное наблюдение: даже финализированные промисы через микротаску возвращают значение — и это может убивать perf в горячих путях. Автор показывает, как написать Thenable-обёртку, которая для терминальных состояний отдаёт значение синхронно. Хороший фолк для понимания event loop и Promise internals.

Performance

Speculation Rules API — браузер рендерит следующую страницу ещё до клика — Подробный разбор API, который позволяет браузеру фоново prefetch или prerenderить страницы. Два режима, параметр eagerness, кейс Shopify (до 180ms улучшения LCP на P95) и ловушка prerender с двойными запросами аналитики. Поддержка: Chrome 109+, Firefox prefetch обещан, Safari — только за флагом.

Пульс веб-платформы 17.05.2026

Sun, 17 May 2026 00:00:00 GMT

Проекты

Raycast переехал со Swift на React — Крупный productivity-инструмент переписал нативное macOS-приложение на веб-стек (React). Хайлайты из технического поста: архитектурные решения, производительность, бэкенд для веб-компонентов. Артем Арутюнян (@artalar) разбирает, стоило ли оно того — читать в исходнике.
Build agent-friendly websites — Омар Мор из Google о том, как сделать сайты, которые AI-агенты читают без боли. Accessibility tree как карта для агентов, а не визуальный шум — DOM-иерархия, role/aria-атрибуты вместо CSS-анимаций и hover-эффектов. Проще говоря: чем чище семантика, тем точнее агент тебя поймёт.
Meta refresh — Новая страница в Web-features Explorer: <meta http-equiv="refresh"> и Refresh HTTP header. Baseline Widely Available — работает во всех браузерах с 2008 года. Полезно как справочник по старому, но вечно живому мета-тегу.

Пульс веб-платформы 18.05.2026

Mon, 18 May 2026 00:00:00 GMT

Новости

Safari 26.5: :open, Origin API, SVG-улучшения — Apple обновила Safari — теперь есть :open для input-элементов, Origin API для проверки домена, доработки random() и улучшения SVG. WebKit продолжает догонять стандарты, особенно после заморозки разработки на год назад.

Проекты

theSVG — 6030+ брендированных SVG-иконок — Открытая библиотека SVG-иконок от известных брендов с npm-пакетом, React/Vue/Svelte компонентами, CLI, CDN и даже MCP-сервером. Если нужны качественные иконки Apple, Google или Notion — тут они есть.
Security in React Applications — Разбор типичных уязвимостей React-приложений: XSS, unsafe rendering, небезопасные паттерны аутентификации. Хороший чек-лист для code review.

Пульс веб-платформы 19.05.2026

Tue, 19 May 2026 00:00:00 GMT

Проекты

Obs.js — адаптация сайта под сеть, батарею, CPU и память — Библиотека, которая подстраивает поведение сайта под реальные условия устройства: медленная сеть или садящаяся батарея → отключаешь анимации и тяжёлые ресурсы. Живой responsive design по ощущениям, а не по ширине экрана.

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

JS/TS

Unicode, emojis и surrogate pairs — George Mandis объясняет, почему str.slice(0,1) или str[0] ломаются на эмодзи из-за surrogate pairs. Простой код, который кажется безопасным, но ломается на Unicode. Фундаментальный баг, который нужно знать.
AbortSignal.timeout — MDN: AbortSignal.timeout(ms) позволяет задать таймаут для fetch-запросов без обёрток. Вызывается fetch(url, { signal: AbortSignal.timeout(3000) }) — и готово.

CSS

Round, and round, and round... CSS round() — Ahmad Shadeed о функции round() в CSS. Зачем нужно округлять плавающие значения вроде 23.333px — и когда это реально удобно. floor(), ceil(), и все случаи применения.

Инструменты

web-features-cli — Новый CLI от W3C WebDX Community Group: browser support, baseline status и ссылки на спецификации — прямо из терминала. Для тех, кто живёт в командной строке.

Пульс веб-платформы 20.05.2026

Wed, 20 May 2026 00:00:00 GMT

Новости

Firefox 151 для разработчиков — Шведская лошадка подбросила сразу несколько фич: position-anchor: normal для якорей, @container style() в условных запросах, Document Picture-in-Picture API для окон «поверх всего», Web Serial API на десктопе, CanvasRenderingContext2D.lang, keyboardLock в requestFullscreen() и экспериментальное field-sizing для форм. Хороший апдейт, если пишешь под Firefox.

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

JS/TS

Next.js cssnano ломает типизацию CSS @property — Если объявить @property --var { syntax: "<percentage>"; initial-value: 0% }, Next.js (через встроенный cssnano) оптимизирует 0% в 0 — и тип теряется. Бордеры: писать 0.0% или менять на <length-percentage>, пока Next не обновит cssnano. Полезна отладка для тех, кто активно использует custom properties.

CSS

border-shape (Una Kravets) — кастомные формы бордеров на чистом CSS — Раньше, чтобы нарисовать пузырь речи или сердечко, приходилось резать бордеры через clip-path. Теперь — border-shape. Новый CSS primitive задаёт собственную форму для бордера элемента. clip-path() заслужила свой отдых, и border-shape — её достойная замена для задач, где нужен и бордер, и кастомная форма.
text-fit — текст в контейнере без vw/vh хаков — Скоро в CSS (в рамках CSS Text Module) появится свойство text-fit, которое позволит вписать текст в контейнер без скриптов и костылей с vw/vh. Пока за флагом в Chrome, но само обсуждение в CSS Working Group уже идёт — похоже, до стандарта дело дойдёт.
CSS Custom Highlight API + поиск: подсветка результатов прямо в тексте — CSS Custom Highlight API используется не только для подсветки кода — его можно комбинировать с поиском по тексту страницы. Браузер создаёт highlight ranges, а CSS рисует подсветку через ::highlight(). Похоже на то, как работают поисковые подсвечивания в редакторах, но — нативно, через CSS, без JS-обвязки.

HTML/Accessibility

Chrome: автоматическая замена HTML-шаблона на контент через <?marker> и <template for> — Команда Chrome предлагает API для стриминга: ставишь <?marker name="placeholder"> в HTML, а потом — <template for="placeholder"> с реальным контентом. Браузер сам подменяет шаблон на данные, когда они готовы. Работает и со стримингом, и с JS-ответами. Удобно для progressive enhancement и уменьшения perceived latency.

Пульс веб-платформы 23.05.2026

Sat, 23 May 2026 00:00:00 GMT

Проекты

Storybook 10.4 — AI-агенты теперь могут автоматически настраивать Storybook: анализируют структуру проекта, генерируют конфиг, моки (MSW), stories и interaction-тесты для до 10 компонентов. Sidebar теперь фокусируется на сториях, затронутых изменениями кода. Первая классная поддержка TanStack React.
TanStack Start — Deferred Hydration — TanStack Start позволяет лениво гидратировать части страницы: server-render остаётся, но клиент не тратит время на гидратацию всего документа. Deferred hydration откладывает гидратацию boundary и выносит children в отдельный JS-чанк. Экспериментально, но уже можно попробовать.

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

JS/TS

React Server Components в TanStack — Frontend Masters разбирает RSC в TanStack Start — радикально другая реализация, чем в Next.js. RSC-компоненты бегут только на сервере, ждут fetch/DB, код не попадает в клиент, отдаётся только markup. Автор идёт от первых принципов, без сравнения 1:1 с Next.js.

CSS

Moving away from Tailwind, and learning to structure my CSS — Julia Evans переехала с Tailwind на semantic HTML + vanilla CSS. Выводы: 8 лет Tailwind научили её системному мышлению — она уже знает паттерны управления layout, цветами, компонентами. На чистом CSS это проще и приятнее, чем она думала.

Инструменты

Staged publishing for npm packages — npm добавил approval-шаг перед публикацией пакетов. Вместо npm publish → npm stage publish — пакет попадает в staging-зону. Мейнтейнер должен одобрить с 2FA, только потом пакет становится публичным. Требует npm CLI 11.15.0+ и Node 22.14.0+.
npq — audit npm packages before install — npq позволяет проверять пакеты npm перед установкой: сканирует snyk.io на CVE, проверяет metadata и integrity. Команда: npx npq install express --dry-run. Для тех, кто устал гадать, что залезет в node_modules.

Пульс веб-платформы 22.05.2026

Fri, 22 May 2026 00:00:00 GMT

Новости

Announcing Web Serial Support in Firefox — Firefox получил Web Serial API — теперь можно общаться с последовательными устройствами (Arduino, RFID-считыватели) прямо из браузера. Серьёзный шаг для IoT-разработки.

Проекты

Framework-agnostic design systems: a practical approach to web components — Как строить дизайн-системы без привязки к React/Vue/Svelte. Web Components как универсальный слой — компоненты, токены, паттерны, которые работают везде.

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

CSS

State of CSS 2026 — Devographics запустили ежегодный опрос о состоянии CSS. Статистика использования, тренды, фичи — всё, что CSS-разработчики должны знать в 2026 году.
Why I spent years trying to make CSS states predictable — Длинный путь автора к предсказуемым CSS-состояниям. Почему , , — это не просто псевдоклассы, а система состояний, и как сделать её надёжной.

Пульс веб-платформы 24.05.2026

Sun, 24 May 2026 00:00:00 GMT

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

JS/TS

React под капотом: что изменилось за 4 года — Автор возвращается к старой лекции по React из ШРИ (92к просмотров) и показывает, что из классической модели Virtual DOM ещё что-то держится, а что уже слишком грубо. Основной сдвиг: React перестал быть просто библиотекой для описания UI и стал runtime, который управляет приоритетами. Батчинг, Suspense, Server Components, React Compiler — всё это не просто новые фичи, а новая философия планирования работы UI.

HTML/Accessibility

Baseline: container-style-queries, rlh, lh, user-activation — Web Features Explorer от Web Platform DX: container-style-queries вошли в Newly Available, а rlh, lh и user-activation — в Widely Available. Четыре веб-API, которые теперь стабильны и доступны в основных браузерах — пора переходить от экспериментов к продакшену.

Пульс веб-платформы 21.05.2026

Thu, 21 May 2026 00:00:00 GMT

🩸 Пульс веб-платформы 21.05.2026

Новости

WICG пропозал: HTML-in-Canvas — рендер DOM-элементов прямо в canvas — Новое предложение от WICG: можно вставлять DOM-элементы в canvas через drawElementImage(), не рисовать контент вручную пикселями. Элементы с атрибутом layoutsubtree становятся дескрипторами для рендера — это решает вечную проблему canvas: плохой инклуд текста, нулевая доступность и сложная локализация. Уже работает за флагом в Chromium.
Google I/O — What's new in Web UI: новые браузерные фичи для фронтенда — Google I/O 2026 — доклад про новые веб-UI фичи в Chrome. Как обычно, Google задают тон для всей индустрии. Через несколько месяцев это всё окажется в хромовских девайсах у миллионов.

Пульс веб-платформы 25.05.2026

Mon, 25 May 2026 00:00:00 GMT

Новости

BCD Changes Report, Mon May 25 2026 — Еженедельный отчёт об изменениях в Browser Compatibility Data от Igalia. Новые фичи, обновления совместимости, статус экспериментов в браузерах — всё что изменилось в веб-совместимости за неделю.

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

JS/TS

Как фронтендеры подключали LLM к продуктам (док+демо) — Андрей Мелихов разбирает практические подходы к интеграции AI-ассистентов в веб-интерфейсы: от базового промпт-инжиниринга до обработки контекста пользователя и валидации AI-ответов. К докладу — open-source демо, которые можно пощупать руками.
Попытки подключить IDE к AI-агентам через ACP — и почему не зашло — Андрей Мелихов делится опытом, почему попытки подключиться из IDE к агентам через ACP не зашли. Практический разбор с реальными проблемами и выводами для тех, кто рассматривает AI-агентов в рабочей среде.

CSS

Лучшее fluid-скейлинг через CSS round() — CSS-функция round() позволяет задавать размеры, которые плавно масштабируются, но при этом «прилипают» к чётким значениям на брейкпоинтах. В отличие от calc() с clamp(), здесь нет глитч-переходов — размер меняется предсказуемо, без промежуточных дробных пикселей на ретина-дисплеях. Идеально для типографики и отступов.

Пульс веб-платформы 26.05.2026

Tue, 26 May 2026 00:00:00 GMT

Проекты

Pake — оборачиваем сайты в нативные приложения за < 5 МБ — Rust-утилита превращает любой сайт в нативное app без Electron и тяжелых браузеров. Бинарь может весить меньше 5 МБ против минимум 100 МБ у Electron. Один CLI-команда — и готовое приложение.

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

JS/TS

Node.js Streams: почему твой бэкенд ест память — Streams не защищают от утечек памяти по умолчанию — highWaterMark в Node 22 вырос до 64КБ, а .write() всегда возвращает true, если не проверять boolean. Статья-детектив про OOM-краш, который прошёл код-ревью полгода назад: .write() вызывается без проверки return value, буфер не ограничивается, поды улетают в OOM при большой нагрузке.
The interface is no longer the product — Агент-нативные приложения строятся вокруг структурированного источника истины, а не UI. Слайды, таблицы и документы — это рендеры, не суть. Статья от Mozilla о том, почему следующий шаг в продуктивности — не агенты, которые кликают по вашему интерфейсу, а приложения, где интерфейс — лишь одно из представлений.

CSS

Когда использовать shorthand-свойства в CSS, а когда нет — Полезный гайд по использованию shorthand-свойств в CSS — когда они улучшают читаемость и намерение, а когда только мешают.

HTML/Accessibility

RTL для 600 млн: две правки для вашего приложения — 600+ миллионов людей пишут справа налево. Два практических фикса: dir="auto" для полей свободного ввода (браузер сам определит направление) и dir="rtl" на <html> с логическими CSS-свойствами — margin-inline-start, padding-inline-end — для полностью локализованных интерфейсов. Ни JavaScript, ни костылей.

Инструменты

removerized — удаление фона и апскейл прямо в браузере — Open-source AI image toolkit на ONNX Runtime Web + WebGPU. Модели запускаются client-side — без серверов, без отправки фото на бэкенд. Удаление фона, апскейл, пакетная обработка, офлайн-режим.

Пульс веб-платформы 27.05.2026

Wed, 27 May 2026 00:00:00 GMT

Новости

Декларативные частичные обновления HTML — Барри Поллард и Ноам Розенталь предложили две идеи для веб-платформы: инструкции <?marker> и <?start>/<?end> в паре с <template> позволяют серверу вставлять HTML в нужные места без последовательной доставки. Плюс новые JS-методы setHTML(), appendHTML() и streamHTML() — единое API для частичных обновлений. Полифилы уже на npm.
CSS relative alpha — Новая функция alpha(from color / calc(alpha * .25)) в CSS Color Level 5 позволяет вычислять альфа-канал относительно другого цвета. Например, border-color: alpha(from hotpink / calc(alpha * .25)) — прозрачность на основе цвета источника.

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

JS/TS

Как современный React думает о приоритетах — Тёма пересмотрел свой подход к объяснению React: вместо 60 FPS как отправной точки он теперь начинает с вопроса «что пользователь должен увидеть сразу, а что может подождать». Fiber — не только про скорость, но про то, какую работу делать в фоне, какую прервать, где показать старый экран. Хороший материал для mid+ разработчиков.
for await...of в JavaScript: практическое объяснение — Чёркашин разобрал for await...of на реальном примере: экспорт постов из Telegram в Astro-блог. Ключевой момент — цикл работает последовательно, а не параллельно. Идеально для пагинации и потоковой загрузки данных.

CSS

CSS vs JavaScript: где реально проседает производительность — Josh Comeau сравнил CSS keyframes, чистый JS с requestAnimationFrame, Motion и GSAP на одном демо. Главный инсайт: JS-анимации тормозят не из-за вычислений, а потому что работают на main thread. Motion обходит это через Web Animations API. А в целом CSS стал достаточно мощным, что либы для анимации теперь нужны реже.

Пульс веб-платформы 28.05.2026

Thu, 28 May 2026 00:00:00 GMT

Новости

Chrome 147 — регрессия с колёсиком мыши на number-инпутах — В Chrome 147 сломалась привычная защита: если навест курсор на input[type="number"] и крутануть колёсико — страница прокрутится, а число тоже изменится. Фикс только в Chrome 150. Обходной путь — wheel event с preventDefault.
What's new in Chrome at I/O 2026 — Обзор новых платформенных фич и тулинга, анонсированных на Google I/O 2026. Chrome продолжает наращивать capabilities — стоит следить за обновлениями.

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

JS/TS

isolatedDeclarations — ускорение сборки monorepo — Флаг TypeScript isolatedDeclarations заставляет писать явные типы, но в награду компилятор генерирует .d.ts независимо по файлам, без анализа соседей. В больших monorepo, библиотеках и project references — сборка заметно быстрее и стабильнее. Trade-off: чуть больше boilerplate вместо магии type inference.

CSS

Anchor positioning через data-атрибуты и advanced attr() — Attribute anchor так и не стандартизировали, но Una Kravets и Рома Комаров показали, как продвинутый attr() с type() позволяет мапить data-атрибуты на position-anchor и anchor-name. Один CSS-селектор на все якоря — меньше boilerplate, больше декларативности. Поддержка: Chrome, Firefox 152 (июнь 2026), Safari Tech Preview.

Дизайн/Продукт

DESIGN.md популярных продуктов — готовая дизайн-система для AI-агентов — getdesign.md собирает DESIGN.md файлы Claude, Airbnb, Stripe, Linear и других продуктов по спеке Google Stitch. По сути — готовые дизайн-системы, которые AI-агенты (Cursor, Claude Code) могут читать и применять при генерации UI. Удобно, если делаешь инструмент для конкретного ресурса.

Пульс веб-платформы 30.05.2026

Sat, 30 May 2026 00:00:00 GMT

Новости

Deno 2.8 — Ryan Dahl анонсировал «крупнейший минорный релиз» — Deno 2.8. TypeScript 6 по умолчанию, 6 новых подкоманд, и главное: 76% тестового покрытия Node.js (было 42%). Поддержка OffscreenCanvas, WebGPU Geometry Interfaces, улучшенные workspaces и аудит пакетов. npm-подход явно побеждает идею замены npm — Deno теперь старается быть совместимым, а не конкурентом.

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

JS/TS

ES2025: Импорт JSON-файлов как модулей — ECMAScript 2025 официально добавляет import JSON-файлов как модулей — без require и fs.readFileSync. Наконец-то нативный import для JSON, давно ожидаемый фронтендерами.

CSS

The Fundamentals and Dev Experience of CSS @function — Jane Ori разбирает подводные камни нового синтаксиса CSS @function — где он реально полезен, где подводные камни и как получить максимум от CSS-функций в продакшене. Практический гайд по фиче, о которой говорят, но мало кто пробует.
CSS-анимации на spring-physics с linear() — Кармен Ансио про CSS-функцию linear() — природные, пружинящие анимации без JS. Появилась в последнем Chrome и выглядит эффектно: анимации ведут себя как реальные пружины, а не линейные градиенты.

Пульс веб-платформы 29.05.2026

Fri, 29 May 2026 00:00:00 GMT

Новости

Claude Opus 4.8: бенчмарки и цены — Anthropic выпустила Opus 4.8 — традиционно чуть лучше по бенчам, цены $5/$25, fast mode в 3 раза дешевле. Заодно в Claude Code появились Dynamic workflows для параллельного запуска сотен саб-агентов.

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

JS/TS

Recursive type limits: почему TS «умирает» на сложных типах — Глубокий DeepPartial, infer внутри infer — красиво, но компилятор считает каждый conditional type. Лайфхак: ограничивать глубину рекурсии, не тащить сложные generics в публичный API. Самый дорогой runtime — compile time.

CSS

Чекбоксы в UI с прогрессивным улучшением — ::checkmark из CSS Form Control Styling Module Level 1 — стилизация checked для чекбоксов и радиокнопок. Пока только Chrome, Safari и Firefox отстают. Полный цикл: от чистого CSS к a11y с ARIA и keyboard nav.
Иконки внешних ссылок на чистом CSS — [href^="http"]:not(.btn, :has(svg))::after + CSS mask для SVG-иконки + alt-текст для скринридеров. Без JS, без SVG-спрайтов, без разметки.

HTML/Accessibility

Доступные сплит-ячейки в таблицах — Диагональный <th> для таблицы Apollo 16 docs: две строки <th> с rowspan, CSS-градиент, absolute positioning. Проверил с a11y-экспертами, Safari-хак через @supports спасает. «I Think» в заголовке — автор не уверен на 100%.
Таймауты сессии как барьер a11y — Завершение сессии ломает UX для людей с ОВЗ и просто неторопливых. Статья — как проектировать продление сессии с предупреждениями. Критично для banking и government.

Дизайн/Продукт

Что делать после критики дизайна — NN/g про этап, который все пропускают: закрытие loop, приоритизация фидбэка, before/after атрибуция. Фидбэк не умирает с окончанием сессии, а рождается из follow-up.
Роботизированный язык в интерфейсах — Пять постов про машинные формулировки, «Найдено результатов: 125», канцелярит. Но контринтуитивный поворот: для профи в робо-режиме формализованные данные иногда удобнее литературных. Якорь в конце строки эффективнее числа в середине.

Пульс веб-платформы 31.05.2026

Sun, 31 May 2026 00:00:00 GMT

Проекты

shadcn-dashboard-landing-template — готовый шаблон лендинг + админка — Готовый лендинг + админ-панель на React, TypeScript, Vite, Next.js, Tailwind и shadcn ui v3. Удобно форкнуть и быстро адаптировать под свой продукт.

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

JS/TS

Composites: структурное сравнение объектов в JavaScript — Новая proposal — composites — даёт структурное сравнение для массивов и объектов. Два объекта с одинаковым содержимым, но разным порядком ключей — равны. Удобно для keying структурных значений в Maps и Sets.

CSS

flex-wrap: balance уже летит в Chrome — Долгожданное flex-wrap: balance — свойство для автоматического выравнивания переполненных flex-контейнеров — официально движется в Chrome. Больше никаких хаков для красивых wrap-сеток.

Пульс веб-платформы 01.06.2026

Mon, 01 Jun 2026 00:00:00 GMT

Новости

Jest 30.4.0 — Крупный релиз Jest. Переписан заново собственный рантайм в preparation для нативной поддержки ESM — теперь require(esm) работает на Node 24.9+. Fake timers наконец-то понимают Temporal API (Duration, Instant, ZonedDateTime). Поддержка React 19 в pretty-format: snapshot'ы теперь рендерятся корректно. Новый флаг --collect-tests для discovery тестов без запуска, поддержка jest.config.mts.
pnpm 11.1 — Первый мажорный апдейт после pnpm 11: audit signatures для ECDSA-проверки registry, поддержка установки пакетов из GitHub Packages через gh: префикс, алиасы named registries в pnpm-workspace.yaml и новые флаги для CI. Безопасность на уровне рантайма.

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

HTML/Accessibility

Digital Accessibility Technologies — обзор — Джонатан Харрис собрал обзор цифровых технологий доступности — инструменты ввода и вывода для людей с ограниченными возможностями: от экранных читалок до айтрекинг-систем и альтернативных ввода данных. Хороший reference, если разрабатываешь продукты с учётом accessibility.