Avatar for squadette
Здесь обсуждение грандиозного теста новой обработки картинок (https://mokum.ru/squadette/46284). Во-первых, очевидно, что пора вызывать @slider23 из бездны, потому что то что я делаю это пиздец. #тестируем-картинки
Comment
а чо, отлично вроде? ну кнопку заменить на что-то более симпатичное, а так наконец верстка ок ‎· liquidgold
Comment
б) я вот думаю, не запихать ли кнопку разворачивания/сворачивания картинок слева от места для картинок, под юзерпик? ‎· псы в рапиде
Comment
в) для портретных картинок кажется надо сделать горизонтальное центрование в отведенном месте. ‎· псы в рапиде
Comment
г) отдельно вопросу про layout будет вопрос про то, что по нажатию на картинку надо открывать lightbox, это более простая задача; ‎· псы в рапиде
Comment
д) технически вся эта история реализована через http://masonry.desandro.com/ ‎· псы в рапиде
Comment
Мне нравится, что сейчас лучше, чем в старом фиде, потому что там если запостить две картинки альбомной и портретной ориентации, то альбомная сожмется ок, а портретная окажется в два раза меньше, потому что высота будет подстроена под альбомную ‎· liquidgold
Comment
е) вот здесь: https://mokum.ru/squadette/46290 надо центровать ландшафтную картинку вертикально кажется, да? вообще это самый дурацкий кейс, есть просто рекомендация видимо никогда не загружать картинки разных ориентаций, вот что. ‎· псы в рапиде
Comment
^ мне неочевидно что так надо, пробовать надо ‎· liquidgold
Comment
ж) https://mokum.ru/squadette/46294 тут явно три картинки уместятся на десктопе в ширину, но алгоритм тупой и оставляет только две. после раскрытия картинки тоже две в строке, что совсем грустно. ‎· псы в рапиде
Comment
https://mokum.ru/squadette/46292 почему-то раздвигаются столбцы после нажатия стрелочьки ‎· liquidgold
Comment
проблема состоит в том, что мы не знаем, поместится ли три картинки в портрете в колонку или нет. я не знаю, получится ли это сделать responsively, надо это обсуждать. ‎· псы в рапиде
Comment
з) надо бы показывать рядом со стрелочкой, сколько там картинок за этой стеной (хотя бы в тултипе) ‎· псы в рапиде
Comment
б) не наадо. стрелочку можно отцентрировать по высоте и норм. ‎· «A» значит «принятие»
Comment
1) а thumbnails можно делать одинаковой высоты? 2) при разворачивании увеличивается расстояние между картинками почемуто ‎· «A» значит «принятие»
Comment
на мобилках не смотрел пока совсем как выглядит, судя по всему? ‎· адский хардлайн в засаде
Comment
@larhat: гыыыыыы. окееееей ‎· псы в рапиде
Comment
@larhat: починил, reload ‎· псы в рапиде
Comment
кул! ща, мне кажется, лучше! ‎· адский хардлайн в засаде
Comment
я реквестирую добавить плагин который я присылал, для увеличения на клик: https://github.com/fat/zoom.js/tree/master вот потестируй http://fat.github.io/zoom.js/ ‎· 50% ash
Comment
@ayoshi: а может быть классический лайтбокс? http://lokeshdhakar.com/projects/lightbox2/ но реально их тыщи. ‎· псы в рапиде
Comment
и) надо еще подумать про responsive images, srcset/picture, а также крутая супермодерновая штука http://blog.imgix.com/2015/10/13/next-generation-responsive-i... ‎· псы в рапиде
Comment
к) вообще конечно 500px гениально тайлит фоточки, вот например: https://500px.com/johnpdunnigan [NSFW] надо как-нибудь разобраться, где он их масштабирует. Update: Маша верно замечает, что при этой схеме портретные фоточки пенализируются и занимают существенно меньше визуального места чем ландшафтные. fair enough. ‎· псы в рапиде
Comment
^^ , ^ да, но я не просто так его закинул, это единственный плагин который 1) правильно настроил скорость 2) правильно реагирует на скрол, следовательно не требует уродского креста для закрытия картинки 3) из за этого правильно использует максимальную площадь экрана. Дьявол как обычно в деталях ‎· 50% ash
Comment
@ayoshi: ok, я понял тебя. интересно! ‎· псы в рапиде
Comment
аааа, у меня открылись глаза. 500px масштабирует фотки, умещая их в рамках горизонтальных полос. tumblr масштабирует фотки, умещая их в рамках вертикальных полос: http://tush.tumblr.com/archive я так понимаю, что "оптимальная" верстка картинок в целом эквивалентна bin packing problem и на клиенте ее решать дураков нет. интересно! ‎· псы в рапиде
Comment
my life is built on a lie ‎· псы в рапиде
Comment
А листалка запланирована? ‎· скулптрица
Comment
@elenius: В смысле, лайтбокс? ‎· псы в рапиде
Comment
В смысле, если несколько картинок приаттачено, была бы возможность не открывать их по отдельности, а пролистать из просмотра (может, это лайтбокс, не уверена). ‎· скулптрица
Comment
"на клиенте ее решать дураков нет" - не согласен: возьмем окно 500px и начнем его сжимать/растягивать - картинки масштабируются и перераспределяются в процессе. или я не понял сказанное ‎· Inflated Dead Dolphin Dick
Comment
Кстати, вместо стрелки можно показывать примерно той же ширины кусок следующей картинки. Лучше всего в чб и плавно сходящей на нет в сторону края. ‎· Hero's horse
Comment
для начала бы центрировать стрелку по вертикали ‎· Inflated Dead Dolphin Dick
Comment
@ivochka: я всего лишь имею в виду, что текущая кнопка слишком активна визуально, но красить ее в серый будет не очень. ‎· Hero's horse
Comment
bug: сначала у картинок есть серая рамка, а когда разворачиваешь - пропадает. стрелочке серая рамка тоже не нужна ‎· Inflated Dead Dolphin Dick
Comment
bug: стрелка не должна переноситься вниз, а на странице записи вообще пиздец https://imgur.com/a/Ystwx ‎· Inflated Dead Dolphin Dick
Comment
@mudak: они конечно перераспределяются, но делают это, оставаясь в рамках одномерных рядов. А в тумблере — одномерных колонок. Я думал, что кто-то умеет раскладывать фотографии по двумерному динамическому гриду. ‎· псы в рапиде
Comment
^ а существует ли он в природе? (для картинок, а не как windirstat или http://d3plus.org/examples/) ‎· Inflated Dead Dolphin Dick
Comment
@mudak: так я и говорю — вся моя жизнь построена на лжи. ‎· псы в рапиде

2015-2018 Mokum.place