MAPA GRID — учебный стенд.
Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.

Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.

Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.

Подробнее о макете и истории его появлении написал тут

Впрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.

Жду в менторских группах!

Живая версия👀