MAPA GRID — учебный стенд. Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.
Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.
Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.
Подробнее о макете и истории его появлении написал
тутВпрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.
Жду в менторских группах!
Живая версия👀