MAPA GRID — учебный стенд.
Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.
Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.
Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.
Подробнее о макете и истории его появлении написал тут
Впрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.
Жду в менторских группах!
Живая версия👀
Модульный лонгрид об алгоритмической сетке, сделан для курса „Вёрстка“ в ИТМО.
Дизайн и концепция — Сергей Гуров.
Разработка — вайб-кодинг с Claude.
Шрифты — JetBrains Mono и Apple II Screen Typeface. Все бесплатные. Хотя с ABC-шными было лучше😕
Фотографии — с symmetrysymptom.tumblr. com.
Стенд был выполнен в качестве примера к статье выше. Что интересного?
1. Ни у одного модуля здесь нет собственных координат — каждая позиция выводится из закона.
2. Колонки стали силовыми линиями,
3. Ну и всякие приколюхи вроде струнной организации скролла и галереи в режиме просмотра. Щелчки тут выполняют ту же демонстрационную функцию, плюс крест-одометр и мерцающий титул.
Короче, с удовольствием играл с Клодом последние несколько дней.
Подробнее о макете и истории его появлении написал тут
Впрочем, самое главное для чего все это задумано — демонстрация алгоритмического принципа построения макета. Тема к которой захотелось вернуться на витке вайб-кодинга. Никаких больше картинок и макетов в фигме! Только реальное взаимодействие на модельном стенде.
Жду в менторских группах!
Живая версия👀
🕊24
Я часто слышу фразы, мол, «вайб-кодинг убил дизайн», «клод-дизайн убил дизайн» и тому подобное. Все эти пассажи так или иначе строятся на грубой склейке двух моментов: цены и ценности. Цену назначает рынок — тот самый баланс спроса и предложения, и мы уже видели, что он сломан: приемлемый результат нейронка делает бесплатно. Но ценность задаёт автор: и с этой точки зрения вкус, концептуальность, оригинальное представление — всё то, что сегодня задаёт ценность нашей работе, — является объектом совершенствования. Поэтому ИИ не убийца — он работает по принципу «падающего подтолкни», выталкивая дизайнера с мелководья в огромное море, где «поймать вайб» — это как поймать набегающую на пляж волну возможностей.
https://telegra.ph/Vajb-koding--Lovi-volnu-07-24
https://telegra.ph/Vajb-koding--Lovi-volnu-07-24
Telegraph
Вайб-кодинг — Лови волну!
2 февраля 2025 года Андрей Карпати — сооснователь OpenAI и бывший глава ИИ в Тесле — написал твит о том, что появился новый вид кодинга, «где ты полностью отдаёшься вайбам, принимаешь экспоненты и забываешь, что код вообще существует». Режим работы он описал…
🕊15
После конференции представилось что мы все разделимся на бананов, клодовщиков и сидельцев. По типу ии
🕊1
Пока готовлю следующие статьи и стенды — буду отвечать на вопросы в канале.
Пишите не стесняйтесь!
Пишите не стесняйтесь!
🕊7
Forwarded from overcreator
Бета Interfold 0.8 — галерея для папки и всех подпапок: картинки, GIF и видео в одной сетке.
Идея из FFFFinder Антона Реппонена.
Это не финальная версия — всё ещё может поменяться.
Что умеет:
• сетка 4–12 колонок, светлая / тёмная тема
• просмотр с зумом, GIF и видео
• поиск по имени, сортировка (папки / имя / дата / тип / random)
• импорт: буфер или публичная ссылка (Instagram, X, Threads, Pinterest, Tumblr, Telegram)
• эффекты в Viewer: Image Dithering и Halftone Dots
Требования: macOS 14+. Сборка unsigned: открой приложение → Done → Системные настройки → Конфиденциальность и безопасность → Всё равно открыть.
Скачать
Ссылка на Github
Идея из FFFFinder Антона Реппонена.
Это не финальная версия — всё ещё может поменяться.
Что умеет:
• сетка 4–12 колонок, светлая / тёмная тема
• просмотр с зумом, GIF и видео
• поиск по имени, сортировка (папки / имя / дата / тип / random)
• импорт: буфер или публичная ссылка (Instagram, X, Threads, Pinterest, Tumblr, Telegram)
• эффекты в Viewer: Image Dithering и Halftone Dots
Требования: macOS 14+. Сборка unsigned: открой приложение → Done → Системные настройки → Конфиденциальность и безопасность → Всё равно открыть.
Скачать
Ссылка на Github
🕊10
Gurov+
Video
Признаюсь, что я очень люблю фотогалереи. Почему? Потому что это предельная форма дизайна, где содержание имеет меньший интерес, чем сама форма. В идеальной галерее вообще не должно быть текста. Всё может быть понятно из самого её построения и из движения внутри неё.
Другое дело, что наше представление о фотогалереях довольно узкое. Оно держится на функциональных ограничениях, которые мы сами приписали этому формату взаимодействия. Мы почему-то исходим из того, что фотография должна быть видима, что её нужно разглядывать. Мы почему-то исходим из того, что перемещение между картинками обязательно должно иметь порядок. Иначе каким образом пользователь вернётся на предыдущее место?
Но если оторваться от этих во многом надуманных ограничений, окажется, что фотогалерея для цифрового дизайнера - примерно то же самое, что плакат для графического. Идеальный тренажёр, идеальное поле для творчества. Идеальный жанр, в котором можно тренировать мышление и дизайн.
Поэтому я в какой-то степени рассматриваю фотогалерею как плакат, который развивается и движется во времени. И это движение зависит от самого пользователя. Галерея не просто проигрывается, она работает как иммерсивный спектакль, где интерфейс театрального содержания работает через пользователя.
Мы привыкли считать, что фотогалерея показывает картинки и изображения. Но что, если отнестись к этому жанру как к способу показать само движение, изучить его природу? Как к способу показать саму жизнь. Не содержание, а саму форму. Так, словно форма и является самим содержанием.
В последней галерее, которую я использую для своей персональной страницы, - скринкасты, которые я приводил выше, - я рассматривал её как способ показать течение моей жизни. Я не разделяю работу и личную жизнь. Личное переходит в работу. Работа переходит в личное. И то, что снаружи кажется набором рабочих артефактов, для меня остаётся единой лентой из впечатлений, событий, воспоминаний и действий.
Именно это я и хотел показать. Не сами артефакты. А само течение жизни, в котором есть периоды отдыха, периоды работы, периоды потерянности и периоды находок.
Изнутри этот процесс кажется мне достаточно непоследовательным, гличевым, как киноплёнка, монтаж которой ещё не завершён. И конкретно в этой работе мне стало интересно показать сам этот процесс. Передать не артефакты, а ощущение от процесса, в котором я живу и занимаюсь творчеством.
Другое дело, что наше представление о фотогалереях довольно узкое. Оно держится на функциональных ограничениях, которые мы сами приписали этому формату взаимодействия. Мы почему-то исходим из того, что фотография должна быть видима, что её нужно разглядывать. Мы почему-то исходим из того, что перемещение между картинками обязательно должно иметь порядок. Иначе каким образом пользователь вернётся на предыдущее место?
Но если оторваться от этих во многом надуманных ограничений, окажется, что фотогалерея для цифрового дизайнера - примерно то же самое, что плакат для графического. Идеальный тренажёр, идеальное поле для творчества. Идеальный жанр, в котором можно тренировать мышление и дизайн.
Поэтому я в какой-то степени рассматриваю фотогалерею как плакат, который развивается и движется во времени. И это движение зависит от самого пользователя. Галерея не просто проигрывается, она работает как иммерсивный спектакль, где интерфейс театрального содержания работает через пользователя.
Мы привыкли считать, что фотогалерея показывает картинки и изображения. Но что, если отнестись к этому жанру как к способу показать само движение, изучить его природу? Как к способу показать саму жизнь. Не содержание, а саму форму. Так, словно форма и является самим содержанием.
В последней галерее, которую я использую для своей персональной страницы, - скринкасты, которые я приводил выше, - я рассматривал её как способ показать течение моей жизни. Я не разделяю работу и личную жизнь. Личное переходит в работу. Работа переходит в личное. И то, что снаружи кажется набором рабочих артефактов, для меня остаётся единой лентой из впечатлений, событий, воспоминаний и действий.
Именно это я и хотел показать. Не сами артефакты. А само течение жизни, в котором есть периоды отдыха, периоды работы, периоды потерянности и периоды находок.
Изнутри этот процесс кажется мне достаточно непоследовательным, гличевым, как киноплёнка, монтаж которой ещё не завершён. И конкретно в этой работе мне стало интересно показать сам этот процесс. Передать не артефакты, а ощущение от процесса, в котором я живу и занимаюсь творчеством.
🕊13