Frontend Status: свежий дайджест фронтенда и AI — 28.01.2026
- четверг, 29 января 2026 г. в 00:00:07

Привет!
Это второй выпуск 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 json-render - Интересный проект из мира GenAI - генерация интерфейса на основе запроса пользователя
gravity aikit - Библиотека UI-компонентов для AI-чатов от gravity UI
Теперь монжо скачать интернет себе на комп и даже пользоваться поиском по нему! По URL LLMNet индексирует сайт, преобразует контент в MarkDown и строит векторную БД.
Вышел проект Vibe-Figma, позволяющий экспортировать из Figma готовые React-компоненты с Tailwind или чистым СSS.
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.
Как на самом деле рендерятся ASCII символы - Алекс Харри подробно разбирает, как правильно настраивать рендеринг графики на основе ASCII с помощью JavaScript, приводя примеры используемых алгоритмов и демонстрации.
Jakub Andrzejewski опубликовал гайд по улучшению перформанса реакт приложений. Забавно, ведь он является членом кор-команды Nuxt (VueJS мета-фреймворк).
Вышло сравнение лучших библиотек для анимации React-приложений. С помощью нескольких библиотек Фортуна Икечи построила параллакс-эффект и составила таблицу сравнений по 5 критериям.
Новинки в 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 язык COI, автор обещает значительное улучшение перформанса без VDOM и минимальный вес приложений.
Как не ждать 99% поддержки CSS Grid Lanes и внедрить уже сегодня рассказала Джен Симмонс в блоге WebKit. В статье рассказывается, что это за API, немного истории и затем даются рецепты по внедрению сегодня.
Обновлён вариант API нейронных сетей в вебе (WebNN API). Из интересного: добавлен MLTensor API буфер для обмена данными между WebNN и WebGPU; WebNN также сможет общаться с воркерами, что позволит работать WebNN между разными окнами.
Группа по защите интересов в сфере безопасности веба опубликовала проекты руководства по моделированию угроз в целом и модель угроз для децентрализованных учётных данных. Полезно для ознакомления интересующимся WebSec.
Статья подготовлена при поддержке @CosyFrontend, @alexbraun и @DreamShaded.