сачок

Сачок находится на стадии альфа-версии, полон ошибок и плохо выглядит.
Если вы разработчик или дизайнер — напишите мне на почту или в телеграм: @shantarli.

что это

С помощью сачка можно быстро верстать изображения и видео, используя возможности css-сетки.

Вёрсткой можно поделиться с помощью сгенерированной ссылки, base64 строки или просто скопировав html/css/js код к себе на сайт. Поддерживаются все форматы изображений, доступные современному браузеру. Есть совместная работа по сети.

как это работает

В проект можно добавить любое изображение, открыто лежащее в интернете. Cачок не загружает сами изображения к себе на сервер, но сохраняет их адреса. Поэтому если у вас есть персональный сайт, то для работы нужно будет копировать ссылки от туда. В противном случае придётся воспользоваться публичным хостингом. Например imgur.

Если в настройках проекта включена работа по сети, то после каждого изменения будет генерироваться уникальная ссылка из 16 символов.
Особенность сачка заключается в том, что учитываются любые действия: масштабирование и перемещение изображений, прозрачность сетки, включен ли дзен или ночной режим, и так далее.
В этом случае ничего не нужно сохранять — все изменения будут отображены в ссылке.

Таким образом можно сделать готовую к просмотру публикацию.
Например:

Сгенерированную ссылку невозможно подобрать, но данные на сервере хранятся в открытом виде — это моё сознательное решение. Выключите работу по сети, а так же не вставляйте и не верстайте изображения, которые никто не должен увидеть, если для вас это важно.

Если работа по сети была выключена, то отправка данных на сервер не производится и ссылка не генерируется. При этом вы всё-равно сможете скопировать свой проект, он будет доступен в виде base64 строки.
Вот так вот просто.

А теперь попробуйте нажать что-нибудь!


* иногда изображение ложится в сетку не идеально, с помощью этой опции можно подогнать его ценой обрезки по краям.