Оптимизировать верстку ландшафтного режима в мобильном виде

[DJ-ZX]

идеи и скриншот - TBD

[rekcuFniarB]

Никакой специальной оптимизации не требуется. На смартфонах всё ок (я вообще пользуюсь только ландшафтной ориентацией всегда, портретная для меня противоестественно). На планшетах там кому как, кому не норм, можно просто выключить мобильный режим, благо размер экрана позволяет и десктопным пользоваться.

Не планшет, но одна фигня:

[DJ-ZX]

на компе, кстати получше, но не на мобилах, смотри:

сравни с десктоп видом

[DJ-ZX]

Если по списку: 1 - шапка занимает полстраницы, зачем её зумить? фактически профит от мобильного вида и скрытия части элементов нивелируется (сравни с десктоп скринами внизу 2 - аналогично в профиле (там бага, напишу отдельно), но десктоп вид особенно в ландшафте выглядит тупо збс, на фоне мобильного (вообще вот профиль можно как раз в мобильном виде оставить как в десктопном, там всё ок, поменять только часть боковой панели 3 - строчка про комментарии вместо того, чтобы растягиваться в одну линию (места много) переносится на вторую или иногда третью строку (если есть комменты и к своим и к чужим и личка, то вроде даже 4 строки), что в портретном вполне ок, а в ландшафтном полная шляпа 4 - в темах пустые или мелкие афиши или элементы вверху страниц занимают опять же очень дофига места, при этом поле поиска рагульное и если в портретном норм, то в ландшафтном это занимает всё неадекватно много места

[rekcuFniarB]

1 - шапка занимает полстраницы, зачем её зумить? фактически профит от мобильного вида и скрытия части элементов нивелируется (сравни с десктоп скринами внизу

Лого как бы пофиг, всё равно же прокручиваешь вниз. На смартфоне-то оно ещё норм, а на более крупном экране да, уже вырвиглазненко, но если лого не растягивать во всю ширину, то как-то выглятит это не очень тоже. Я б не заморачивался насчёт этого, всё равно все прокручивают вниз, наверху делать нечего в любом случае :D

поменять только часть боковой панели

Боковая панель в мобильном режиме и так не отображается по умолчанию, а только по запросу, причём при отображении боковой панели она отображается вместо основного контента профиля до перезагрузки или скрытия этой панели. Хз о чём ты, короче, там уже всё оптимизировано давно.

3) ничего не понял о чём речь.

поле поиска рагульное

Что это значит? :D

если в портретном норм, то в ландшафтном это занимает всё неадекватно много места

Вообще никакой разницы, в высоту занимают место одинаково.

[DJ-ZX]

я потом поставлю две моих мобилы рядом и сделаю сравнительные фотки в разных режимах, чтобы пояснить 3 - я про это 2 строчки при ширине куда можно 10 строк вместить, если там будет больше уведомлений, то будет ваще ад

прокручивать дно, лого надо меньше, джын был неправ про убрать ваще, но и пол-экрана это лишнее кроме того, новые мобилы выходят сча 5.7+ дюймов и ещё и формат 2 к 1, а не 16 на 9, у меня на лопатах и 6 и 6.4 и 6.8 дюймов всё ужасно, а если соотношение вытянуть, то ваще шляпа

аналогичный момент про портретный, когда всё ввысь вытянуто, то потеря 1/6 или 1/5 экрана пофиг, потеря полэкрана оч заметна

[DJ-ZX]

Все еще актуально, кстати

[DJ-ZX]

не, сие песец и ннада фиксеть )))

[rekcuFniarB]

В чём песец-то? Норм.

[DJ-ZX]

Серьезно? 70% экрана занимают шапка и меню, действительно, ноу проблем

[DJ-ZX]

Просто сравни шапки форумов адоуб и мс Причем при входе в темы шапки вообще скрываются Это адище натуральное

[rekcuFniarB]

Так у MS лого проще. А тут то же что и у нас:

[DJ-ZX]

Ну сравни мои скрины, нигде лого на старт странице не занимает более половины экрана и много где при входе в темы и разделы его убирают или еще больше уменьшают. У адоуб лого с меню форума и если вычесть меню всего корпоративного сайта занимает менее 40% страницы и они вмещают туда сайд панель и контент. Насчет размеров - а нахера у нас картинка на всю ширину распидорашивается то ваще?

[rekcuFniarB]

У тебя недефолтный скин, в котором лого шире обычного. В дефолтном скине лого занимает 30%.

Насчет размеров - а нахера у нас картинка на всю ширину распидорашивается то ваще?

А у Адоуба? Распидорашивается потому стиль общий для портрета и ландшафта. В портретном режиме будет мелко, да и некрасиво выглядит даже в ландшафтной ориентации.

Алсо косяки в недефолтном скине второстепенны.

[DJ-ZX]

Не, оно в ландшафтном режиме именно растягивается. Картинка становится мыльной. Кроме того шапка не должна расширяться по вертикали, то есть картинку по вертикали нужно вписывать. И нет, неважно как в портретном, лого не является главной частью форума, я бы его ваще показывал только гостям в мобильном виде. Насчет недефолтных скинов - мы там по статсам смотрели, те, что юзаются норм надо поддерживать, амбуланс один из них

[rekcuFniarB]

Не, оно в ландшафтном режиме именно растягивается.

Естественно.

Картинка становится мыльной.

Картинка такая, реальное разрешение картинки ниже разрешения твоего экрана. Я хз зачем ретины на мобилах, оно многие картинки будет замыливать, ибо нафиг не надо из-за яблопользователей утяжелять все картинки на сайтах. (более высокого разрешения лого всё равно нет)

Кроме того шапка не должна расширяться по вертикали, то есть картинку по вертикали нужно вписывать.

Бред. У изображения есть свои пропорции, если их нарушать, то будет смешно.

я бы его ваще показывал только гостям в мобильном виде.

В CSS нет таких условий гость - не гость. Когда вынесем вёрстку отдельно от логики (о чём я как раз упоминал в последних комментах в чате), можно будет для мобильного вида использовать отдельные темплейты. Сейчас всё делается только посредством CSS. Иначе это ещё большее засирание кода, который и так адский.

Насчет недефолтных скинов - мы там по статсам смотрели, те, что юзаются норм надо поддерживать, амбуланс один из них

Амбуланс местами кривой скин. На форуме только два качественно написанных скина, это prodigy и dig7er. Остальное писалось дилетантами.

мы там по статсам смотрели,

Они не показывают реальных пользователей. Когда-то Диг практиковал прописывание новых скинов по дефолту чтобы новые скины попиарить. В результате чего дефолтный скин прописывался автоматически новым регистрантам. То есть статистика в основном показывает мертвые души. А кто из живых пользователей (тех кто заходит регулярно на форум), их никак не посмотреть автоматическим запросом.

Алсо, лого в Arenabulance тоже скорей всего выше чем в оригинальном Ambulance.

[rekcuFniarB]

Ну и если лого уменьшить, в дефолтном скине будет вот так убого выглядеть:

А в Arenabulance будет не так убого, за счёт того что там фон изображения сливается с фоном страницы.

[DJ-ZX]

по последнему скрину как раз то, что я говорил - цсс в ландшафтном должен возвращать блок "сообщения и время" влево, как в десктопном, не думаю, что это нереально

по картинкам - официально взять и всем сделать одинаковую высоту до дефолтного скина одновременно, а потом ширину залить цветом фона, сам поиграешься или скинешь мне все картинки архивом и я приведу к виду, дальше - при любом ракскладе может версия выше и выглядит убого, но картинка хотя бы не распидорашивается на 1900 пикселей или сколько там у айфона, можно сделать хотя бы отступы и в принципе будет ок, например сча отступов на процентов 45, сделать отступы по 12-15% с краёв строго для ландшафта, я думаю детектить ты можешь, но если нет - пусть будет везде, 12-15% в портрете будет менее заметно, а бесить будет сильно меньше можешь попробовать и дать на тест

[DJ-ZX]

по скинам неважно - кривой или нет, ты можешь попробовать взять статистику активных пользователей зареганых за год (по активности тупо - заходил не позже года назад) и посмотреть какие у кого НЕДЕФОЛТНЫЕ (то есть человек спецом поменял) недефолтные скины, думаю из базы это реально

[rekcuFniarB]

цсс в ландшафтном должен возвращать блок "сообщения и время" влево, как в десктопном, не думаю, что это нереально

Не годится.

по картинкам - официально взять и всем сделать одинаковую высоту до дефолтного скина

Там везде примерно одинаково, исключение Arenabulance, у которого высота выше остальных. Я не буду что-то там мудрить с этим скином, в этом нет смысла.

Проблема с лого сильно надумана. В любом случае я этим не собираюсь заниматься в ближайшее время.

[DJ-ZX]

ну кому надумана, а у кого глазик дёргается а можно вот в те кастомные настройки добавить "Не отображать лого" и делов то?

[rekcuFniarB]

А просто там же сменить скин на другой на данном устройстве нельзя, где лого не такое высокое (почти любой скин)?

Я не вижу смысла городить лишний костыль из-за того что в какой-то кастомном скине высокое лого и кто-то зачем-то пялится на лого и жалуется на него, вместо того чтобы прокрутить дальше. :F

[DJ-ZX]

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

но это не костыль и все лого у нас гигантски уродски растягиваются, везде говно. вариант, который ты показал с оригинальным размером, кстати, лучше всего смотрится

[DJ-ZX]

но ваще моё предложение - для ландшафта оставить так если это реально, это не костыль, избавит от распидорашивания и всё будет ок, как на реальных мониторах

[rekcuFniarB]

Нет, это в ширину не влезает на смартфонах, особенно когда есть уведомления о комментах. А на планшетах в ландшафте мобильный вид и вовсе не нужен.

я сделаю аренабуланс нормальной высоты и ширины без растягивания, могу и остальным сделать

С Аренабуланс делай что хочешь, а остальное ломать не надо, там всё оптимально.

[DJ-ZX]

блин, брейн, чо ты несёшь? это скрин со смартфона выше, причём 16:9, могу и с фуллхд сделать сча тебе с 18:9 сделаю с мобилы

[rekcuFniarB]

Какое это имеет значение? С чего ты взял что верстать нужно обязательно под самые широкие лопаты?

[DJ-ZX]

какие самые широкие? все экраны в смартах 100 лет как 16:9, телефоны меньше 5.5 почти не выпускаются, считай 5.5 стандарт уже года 2 (кроме айфонов на 4.7 и то - с прошлого года не выпускаются уже), все новые телефоны выпускаются 16:9 ты в каком мире живёшь то?

[DJ-ZX]

[DJ-ZX]

вот тебе айфон хс макс (айфон х-хс тоже самое, поверь), выше в посте с люмии, могу сделать с нокии на 4.3 дюйма скрины - надо? самое главное на что смотри - соотношение сторон и соотношение полезной инфы к наполнителям, лого, отступам, приветствиям и вот этой всей отвелкающей херне. в начале тикета - 16:9, тут 18:9

[rekcuFniarB]

А что ты хотел этими скринами сказать? Они говорят только о том что мобильный режим тут даже и не нужен: https://camo.githubusercontent.com/f0c81449efe935a17dc7ad4edd34166bb24a73c4/68747470733a2f2f692e696d6775722e636f6d2f684c6e4f317a372e6a7067

[DJ-ZX]

нет, он не нужен только в шапке, в разделах и списках тем уже не всё так красиво, как в шапке (ну и в профиле, как видишь)

кроме того чтобы ты понимал - у меня стандартные шрифты и зум экрана везде в минимум, если я поставлю стандарное, то ваще будет срака и на винфоне и на андроиде и на яфоне то есть зумируй всё что видишь процентов на 15-20

[rekcuFniarB]

А зачем ты так долго смотришь на лого?

[DJ-ZX]

я бы не смотрел, а так открываю форум - а там тока лого

[rekcuFniarB]

Так прокрути. Это фишка лого Arenabulance, усмехающиеся над посетителем головы.

Не вижу каких-то прям проблем вселенского масштаба с этим. Лого занимает где-то 30% экрана, дальше идёт контент и очевидно что надо прокручивать дальше.

(что-то у меня при снятии скриншота часть верхней шторки попадает на снимок)

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

[DJ-ZX]

вот ты мало что упрямый, так и игноришь, что я не только про лого

1 - лого растягивается в ширину и это мало что некрасиво и занимает место, так ещё и заметен ресайз 2 - речь обо ВСЕЙ неинформативной части, которая занимает 40-50 и до 75% экрана мобильного устройства, что неадекватно много 3 - оптимально скрывать лого для залогиненых юзеров и внутри тем, если это невозможно за счёт ЦСС, то наличие такой возможности для мобильного вида - норм опция в целом

и считать "крупными лопатами" мобильники шириной 5-5.5 дюйма - это ты как чега сча

[rekcuFniarB]

А про что ещё? Ты больше про лого говоришь. Страница длинная, всё на первый экран не влезет всё равно. Меню видно, уведомления видно, то что дальше есть контент очевидно.