Новости

• Результаты State of CSS 2026 — Масштабнейший опрос фронтендеров — какие CSS-фичи используют, что не хватает, тренды по фреймворкам. Стоит заглянуть хотя ради метрик принятия касткаскэда, container queries и @layer.
• it’s HTML Day 2026 — Ежегодный праздник веб-платформы — talks, воркшопы и новости по спецификациям HTML/WCAG. В этом году фокус на семантических элементах и доступности.
• Новый дизайн Firefox — Mozilla полностью переработала интерфейс — новый рендеринг вкладок, обновлённая боковая панель и современный визуальный язык. Первый крупный редизайн с 2019 года.

Проекты

• CodePen 2.0 — Полный редизайн CodePen: новая система тем, встроенный AI-помощник, улучшенный collaborative editing и revamped grid discovery. Полноценная IDE для прототипирования.
• MapLibre GL JS 6.0 — Значительный апдейт Open Source векторных карт для веба: производительность рендеринга x2, новые слои, поддержка 3D-террейна и улучшенные тайловые стратегии.

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

JS/TS

• cdnJS — 9 миллиардов запросов в день — Cloudflare делится историей миграции cdnJS — крупнейшего open source CDN, обрабатывающего 9 млрд запросов ежедневно. Как масштабировали инфраструктуру и решали проблемы совместимости.
• Как microdiff работает так быстро — Разбор внутреннего устройства библиотек сравнения JavaScript объектов — что заставляет одни быть быстрее других в несколько раз. Глубокий анализ алгоритмов диффа.
• Вау-эффект LLM не отменяет фундаментальные навыки разработчика — LLMs reward expertise — большие языковые модели лучше работают с опытными инженерами. Краткий разбор того, почему техническая экспертиза становится ещё более ценной в эпоху ИИ.

CSS

• Gap decorations в CSS теперь доступны везде — CSS gap decorations стали стабильными и поддерживаются во всех основных браузерах — рисуй декоративные линии между grid/flex дочерними элементами через свойство gap, без дополнительных обёрток или псевдоэлементов.
• Новая единица измерения lh для типографики — Ахмад Шадид о новой CSS-единице lh — линейная высота привязана к font-size элемента и позволяет задавать максимальную ширину контейнеров точно в N строк текста. Идеально для prevent overflow на чистом CSS.

Performance

• Границы Core Web Vitals, которым вы доверяете, могут быть неверны — Исследование показывает, что пороги Core Web Vitals (LCP, INP, CLS) могут не отражать реальное пользовательское восприятие. Когда metric passes, а юзер всё равно ждёт.

Инструменты

• WOFF 1.0 исполнилось 16 лет — Формат WOFF 1.0, который сделал веб-шрифты работающими, отмечает 16-летие. История того, как формат стал стандартом W3C и изменил подход к типографике в вебе.
• Сначала статика, потом анимация — Хорошая практика UX — показывать легковесную статическую картинку мгновенно, а подгружать анимированный SVG потом. Разбор паттерна с точки зрения Core Web Vitals и восприятия пользователя.

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

• Frontend Architecture: от монолита до микрофронтендов — Курс от The Future of Web составлен из лучших практик архитектуры современных фронтендов — когда нужен монолит, когда микросервисы, как разделить команды и деплоить независимо.