Фронте́нд под LLM сыпется быстрее бэкенда — Автор потрогал пет-проект двумя месяцами vibe coding с LLM-агентом: пять разных кнопок, четыре спиннера, модалка выдает другой баланс, чем шапка показывает. Разбирает почему JSX — идеальная бурда для генерации кодом — обучающая выборка миксует три поколения React, разметка/логика/состояние живут в одном файле. Как Feature-Sliced Design (три слоя + dependency-cruiser) спас положение — и какие ограничения остаются.
CSS
Динамический макет с плавной перестановкой карточек — display: grid теперь поддерживает masonry через grid-lanes, а если добавить якорное позиционирование (inset: anchor(inside)), можно анимировать переходы между раскладами — перемещаются внутренние слои карточек, а не сами элементы. Чистый CSS, ни строчки JavaScript.
SVG-фильтры для восстановления исторических типографских эффектов — Кармен Ансио демонстрирует, как примитивы feMorphology, feOffset, feSpecularLighting и feDisplacementMap создают золочёные буквицы, хроматические сдвиги, неоновое свечение и объёмный рельеф букв. С заметками про sRGB и производительность рендера.
Дизайн/Продукт
Datatype — графики прямо в тексте — Открытый шрифт Datatype превращает простые текстовые выражения вроде {b:20,55,40,80} в столбчатые диаграммы, а {l:10,40,25,70} — в спарклайны. Без JavaScript, без рендеринговых библиотек — всё решает OpenType ligature substitution. Работает везде, где работает текст: таблицы, дашборды, документация.
