Привет!

Это второй выпуск Frontend Status — дайджеста по фронтенд-разработке.

В подборке — то, чем живёт фронт прямо сейчас: свежий CSS (superellipse, гексагоны, раскладки, демо в пару строк), AI-инструменты (генеративный UI, офлайн-поиск по сайтам, Figma → React), записи (Remotion, ИИ и верстка), апдейты браузеров и платформ (geolocation, Grid Lanes, WebNN, угрозы и учётные данные). Плюс React и Angular, WASM-язык COI, Temporal API и обход блокировок Cursor/Claude через OpenCode.

В выпуске — два десятка материалов: от коротких демо до гайдов и спецификаций.

Видео

• Generate Animated Videos with Claude Code (Remotion Agent Skill Tutorial) - Remotion Agent + Claude Code позволяет генерировать видео с помощью текста и рендерить в .mp4

• Можно ли ИИ научить верстке? - Илья Никитин рассказал на Frontend Conf о том, какие рутинные задачи можно без проблем делегировать ИИ, а с какими – стоит пока повременить.

AI

• AI json-render - Интересный проект из мира GenAI - генерация интерфейса на основе запроса пользователя

• gravity aikit - Библиотека UI-компонентов для AI-чатов от gravity UI

• Теперь монжо скачать интернет себе на комп и даже пользоваться поиском по нему! По URL LLMNet индексирует сайт, преобразует контент в MarkDown и строит векторную БД.

• Вышел проект Vibe-Figma, позволяющий экспортировать из Figma готовые React-компоненты с Tailwind или чистым СSS.

CSS

• superellipse() функция - Демо и примеры работы с superellipse()

• sibling-index, scroll-state, text-box: что еще вам стоит знать про CSS в 2026 году - Статья о новинках CSS, которые уже можно использовать в новых браузерах.

• Jemima Abu применила свежие фичи CSS и поделилась этим в блоге на LogRocket. Вдохновившись CSS Wrapped 2025, инженер составила несколько свежих демо и сравнила объём кода реализации таких фич ранее, через JS.

• Крис Койер также поделился возможонстями CSS всего в 2 строки. В демо есть прогресс-бар и крутые футуристичные прямоугольники!

• Polypane опубликовали гайд по CSS-раскладкам. В статье рассматривается компоновка блоков браузером, строчные и блочные блоки, контекст наложения, сетки и позиционирование.

• Temani Afif в блоге CSS Tricks рассказал о создании адаптивных гексагонов на чистом CSS.

JS / TS

• Как на самом деле рендерятся ASCII символы - Алекс Харри подробно разбирает, как правильно настраивать рендеринг графики на основе ASCII с помощью JavaScript, приводя примеры используемых алгоритмов и демонстрации.

React

• Jakub Andrzejewski опубликовал гайд по улучшению перформанса реакт приложений. Забавно, ведь он является членом кор-команды Nuxt (VueJS мета-фреймворк).

• Вышло сравнение лучших библиотек для анимации React-приложений. С помощью нескольких библиотек Фортуна Икечи построила параллакс-эффект и составила таблицу сравнений по 5 критериям.

Angular

• Новинки в Angular 21.1 - Angular 21.1: улучшенные Signal Forms, мульти-@case в @switch, spread в шаблонах, стабильный isActive-сигнал в роутере и новые инструменты MCP server для build, dev-сервера, тестов.

Разное

Материалы про веб-разработку, но не относящиеся напрямую к CSS или JS.

• HTML geolocation tag - Начиная с Chrome 144, вы можете использовать новый HTML-элемент , и сегодня мы поговорим о существенных изменениях в том, как сайты запрашивают данные о местоположении пользователя.

• Temporal-песочница - поэкспериментируйте с Temporal API прямо сейчас!

• Что делать, если Cursor или Claude Code запрещены в организации? Конечно, использовать локальные модели, и с этим поможет OpenCode, а как настроить и подружить рассказано в статье.

• Stefan Judis разобрал пример с самозакрывающимся div, полезно знать, как браузер отработает в таком случае, или освежить перед собеседованиями.

WASM

• Ни дня без нового инструмента! Вышел компилируемый в WASM язык COI, автор обещает значительное улучшение перформанса без VDOM и минимальный вес приложений.

Браузеры

• Как не ждать 99% поддержки CSS Grid Lanes и внедрить уже сегодня рассказала Джен Симмонс в блоге WebKit. В статье рассказывается, что это за API, немного истории и затем даются рецепты по внедрению сегодня.

Спецификации

• Обновлён вариант API нейронных сетей в вебе (WebNN API). Из интересного: добавлен MLTensor API буфер для обмена данными между WebNN и WebGPU; WebNN также сможет общаться с воркерами, что позволит работать WebNN между разными окнами.

• Группа по защите интересов в сфере безопасности веба опубликовала проекты руководства по моделированию угроз в целом и модель угроз для децентрализованных учётных данных. Полезно для ознакомления интересующимся WebSec.

Статья подготовлена при поддержке @CosyFrontend, @alexbraun и @DreamShaded.