https://mikeozornin.ru/blog/tags/side-by-side/ Будни проекта. https://github.com/mikeozornin/side-by-side Михаил Озорнин ru E2 (v3798; Aegea) Михаил Озорнин Будни проекта. https://github.com/mikeozornin/side-by-side 208 https://mikeozornin.ru/blog/all/side-by-side-0-2-0/ Sun, 30 Nov 2025 19:50:02 +0300 Михаил Озорнин https://mikeozornin.ru/blog/all/side-by-side-0-2-0/ <p>В <a href="https://mikeozornin.ru/blog/all/hello-side-by-side/">сайд-бай-сайде</a> вышла следующая версия</p> <p>Изменения:</p> <ol start="1"> <li>Человекочитаемые URL для голосований<br /> Было: /v/06b95c10-7688-4106-8e75-762035290c67/<br /> Стало: /v/HairyParrotsPursueRudely/</li> </ol> <ol start="2"> <li>Улучшение интеграции с Mattermost:<br /> Сайд-бай-сайд сгенерирует превьюшки к уведомлениям в чате.<br /> По окончании голосованию в чате будет итог голосования.</li> </ol> <p>Было:</p> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-0.2.0-1@2x.png" width="390" height="112" alt="" /> </div> <p>Стало:</p> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-0.2.0-2@2x.png" width="688" height="472" alt="" /> </div> <p>Мелочи:</p> <ul> <li>Кликабельные ссылки в описаниях. Ссылки в комментарии станут кликабельными.</li> <li>На странице голосования теперь тоже показывается количество проголосовавших.</li> <li>На странице голосований можно прокручивать картинки перетаскиванием мыши</li> <li>Белый список доменов эл. почты. Можно указать домены, вход с которых будет разрешен.</li> <li>Драг-н-дропать файлы можно на всю страницу, даже на главную.</li> </ul> <p class="loud"><a href="https://github.com/mikeozornin/side-by-side">https://github.com/mikeozornin/side-by-side</a></p> 204 https://mikeozornin.ru/blog/all/hello-side-by-side/ Wed, 10 Sep 2025 22:06:37 +0300 Михаил Озорнин https://mikeozornin.ru/blog/all/hello-side-by-side/ <p class="lead">Анонс еще одного продукта, на этот раз для работы</p> <p>Это приложение для голосовалок по картинкам (или видосам). Бывает, что нужно показать несколько вариантов и провести, так сказать, юикс ресерч. Знаю, как это решаю сам: почта, телеграм, эмодзи под сообщениями в чате. Собирать гуглдок не будешь, а без него агрегировать результаты — пытка. Я сделал сервис.</p> <p>Что можно:</p> <ul> <li>Закинуть несколько картинок или видео в голосовалку.</li> <li>Дать людям проголосовать и через некоторое время посмотреть результаты.</li> <li>Есть <a href="https://www.figma.com/community/plugin/1545946464465075859/side-by-side-voting">плагин для фигмы</a>, чтобы загружать картинки прямиком из фигмы.</li> <li>Если хотите, можно не публиковать голосовалку ленту, доступ будет только по прямой ссылке.</li> <li>Можно включить уведомления в чат (пока поддерживается только маттермост, может сделаю телеграм) или пуши в браузере.</li> </ul> <p>Как выглядит:</p> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-1@2x.png" width="1310" height="1007" alt="" /> <div class="e2-text-caption">Главная</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-2@2x.png" width="1310" height="1007" alt="" /> <div class="e2-text-caption">Голосовалка</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-4@2x.png" width="1310" height="1007" alt="" /> <div class="e2-text-caption">Создание</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-5@2x.png" width="1357" height="1111" alt="" /> <div class="e2-text-caption">Результаты</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-6@2x.png" width="1310" height="1007" alt="" /> <div class="e2-text-caption">Профиль и подключение плагина</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/side-by-side-7@2x.png" width="1113" height="695" alt="" /> <div class="e2-text-caption">Плагин для Фигмы</div> </div> <p>В плане входа есть два варианта:</p> <ul> <li>Все пользователи — с анонимным доступом, защиты голосовалки почти никакой нет и можно её просто инкогнито-режимом. Удалить голосование тоже не получится, сервис не знает, кто вы.</li> <li>Есть вариант с логином по магической ссылке, тогда для голосования тоже нужно будет войти. Вмест с ним появится удаление, досрочное завершение и даже браузерные пуши.</li> </ul> <p>Понятно, что есть дарк-мод, автоматическое определение ретиновости картинок, вставка в область прямо из буфера и какая-никакая работа на телефоне.</p> <p>Я рассчитываю, что вы поднимите сервис где-то у себя. Во-первых, многие не будут готовы своим НДА-макеты куда-то выложить. Во-вторых, я не хочу разбираться с недопустимыми картинками у себя в хостинге. Поэтому опенсорс, там в целом не очень сложно, написали конфиг и запустили ансибл.</p> <p class="loud"><a href="https://github.com/mikeozornin/side-by-side">github.com/mikeozornin/side-by-side</a></p> <p class="loud"><a href="https://www.figma.com/community/plugin/1545946464465075859/side-by-side-voting">figma.com/community/plugin/1545946464465075859/side-by-side-voting</a></p> <p>Будут мысли, пишите: <a href="mailto:mike.ozornin@gmail.com">mike.ozornin@gmail.com</a></p>