Пульс веб-платформы 30.04.2026
Новости
- 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