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