Стенды
Рабочие страницы и демо Сергея Гурова
- Горизонтальный лонгрид — абзац = колонка, картинки в два шага до полного экрана · англ.
- Обтекающий текст — портреты бесконечно проходят сквозь текст, строки расступаются волной
- Переходы изображений — фотографии летят навстречу скроллу и проходят сквозь экран, прогибаясь у камеры · по мотивам Studio Laucke Siebein
- Номера кадров — WebGL-лента из 200 номеров, скролл двигает, цифры тянутся за курсором шлейфом, кадр плывёт за курсором на заднем плане и «проявляется» из мозаики
- Модульный алгоритмический лонгрид — 100 квадратных модулей, строчки расходятся веером и смыкаются на линии горизонта; сетка-оверлей рисует закон в реальном времени
- Перевороты — текст и фото меняются одним поворотом вокруг горизонтальной оси, подмена спрятана на «ребре» · по мотивам разборов из «Моушен приёмов»
- Диагональная полоса — текст о менторской группе едет по диагонали от левого верхнего угла к правому нижнему, зациклен; кегль, толщина и ширина вариативного шрифта крутятся в панели · по референсу General Purpose Records
- Двенадцать колонок — демонстрационный стенд деления формата: поля долями экрана, полоса на N равных колонок, в каждой прямоугольник фиксированной высоты; ширина колонки нигде не задана, она выводится
- Сетка — конструктор колонной сетки: колонки, марджины, межколонник в панели; режим «свободная» отпускает полотно за пределы экрана
- Жидкое кольцо — чёрная форма из капель по кольцу: слипаются и растекаются как жидкость, объект крутится вокруг своей оси; капли, слипание, течение и наклон — в панели
- Расфокус — строка мутнеет, опускаясь по экрану: не блюр, а обводка вокруг букв, внизу они слипаются в кляксу; текст зациклен, при скролле строка проясняется, пока поднимается · по референсу постера KCC UK × Germany Open Call 2021
- Эволюция сеток — статья о переходе сетки от чертежа к закону, двумя языками сразу: слева английский, справа русский; на телефоне язык выбирается переключателем · карта из пятнадцати законов и разбор Mapa Grid
- Лекция — статья про алгоритмические сетки как лекция: горизонталь листает части, вертикаль читает разворот; тезисы вынесены крупно, сноски-капсулы отдают дескрипторы на силовую линию справа, сценический режим гасит мелкий набор
- Фотогалерея M7 — галерея целиком на мышке, без единой кнопки: ведёшь — листаются кадры, тыкнул — оригинал переезжает под курсор, зажал и кружишь вокруг точки нажатия — лента крутится как колесо перемотки; круг точек с крестиком показывает ось, оригинал уходит вниз на время удержания и подмена кадра прячется на дне хода
- Пена — слева клетки повторяют волну справа: кадр видео сжимается до грубой сетки, клетка ярче порога зажигается. Два пути рядом — считать в браузере (доли миллисекунды на кадр) или запечь заранее в биты (37 КБ вместо 584 КБ видео); своё видео перетаскивается на страницу, кнопка отдаёт готовый файл маски
- Моноблок — адресный блок на символьной сетке: 24 знака моноширинного шрифта, ширина блока — четверть экрана, кегль вычисляется из неё; вокруг — лента элементов на редактируемой оси движения: кривая правится холстом в панели, скролл везёт ленту · по референсу THEANXIETTTY и макету «for vibe code»