Тестируем изменения в мобильной версии.

Аватар пользователя njoy

Камрады!

Предлагаю потестить обновленную версию. EDIT: Вижу, что не все поняли, что я имею в виду. Новая версия не на ТЕКУЩЕМ сайте, в песочнице, откуда мы ее перенесем, когда будет все готово. Песочница >>ТЫЦ<<

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

Из изменений:

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

Теперь по порядку:

может это я криворукий, но очень мешает близость тегов рядом со ссылкой "Подробнее". Часто получается ткнуть в тег, чем в эту самую ссылку. Если есть возможность сдвинуть куданить тэги, я думаю, было бы неплохо....Хотя, вы же все равно не будете это рассмаотривать :)

- тэги причесаны, чуть укрупнены и отодвинуты от блока снизу

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

Два раза тапать приходится постоянно, при переходе в пост снова приходится масштаб подстраивать. не подстраивается под экран автоматически.

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

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

- слегка укрупнен текст и увеличены поля. Попасть должо стать легче

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

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

В общем, товарищи, интересны ваши отзывы =)

Комментарии

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

при статичной ширине будут обламываться владельцы планшетов. Забавный момент, что при initial-scale=1 как раз и приближает в 2 раза))) соответственно такой неортодоксальный метод ))

Аватар пользователя ®man
®man(10 лет 1 месяц)

может попробовать maximum-scale=3.0 максимальный масштаб тройной выставить?

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

чтобы приближало в 6 раз? =)))

Аватар пользователя Болт
Болт(10 лет 5 месяцев)

Да, в 6 раз - мечта владельцев устройств с высоким разрешением. Мы этого и не скрываем, собственно. Кому не понравится - уменьшит.

Аватар пользователя ®man
®man(10 лет 1 месяц)

этот параметр задает максимально возможный масштаб, а не увеличивает изначальный

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

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

а сейчас разве он сразу не открывается целиком?

Аватар пользователя ®man
®man(10 лет 1 месяц)

целиком, только читать невозможно

экран 4,3"

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

можно оставить тогда то, что есть, но добвать max-scale. Ща посмотрим.

Аватар пользователя ®man
®man(10 лет 1 месяц)

параметр initial-scale задаёт первоначальный масштаб

он сейчас выставлен в половину от ширины экрана девайса

зачем?

выстави там 1


max-scale задаёт максимально возможный

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

при единичке он открывает пол-страницы. я хз почему

Аватар пользователя ®man
®man(10 лет 1 месяц)

убери всё кроме "content="width=device-width""

пускай браузер сам масштабирует

посмотрим

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

убрать все означает, что initial-scale по умолчанию 1. эффект тот же. уже пробовал

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

хм... однако в этот раз заработало. аж не вериццо

неисповедимы пути Ктулху...

Аватар пользователя ®man
®man(10 лет 1 месяц)

теперь еще с типографикой бы поработать

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

попробуй сейчас

Болт, к тебе относится тоже!

Аватар пользователя Болт
Болт(10 лет 5 месяцев)

Минуточку, пож. Обновилось ПО - перезагружается.

Аватар пользователя harvy.k2
harvy.k2(9 лет 3 месяца)

Все происходит немного по другому,

http://stackoverflow.com/questions/22777734/what-is-initial-scale-user-scalable-minimum-scale-maximum-scale-attribute-in -- тут подробно, что такое scale

http://stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio -- тут про плотность пикселей на разных устройствах

http://stackoverflow.com/questions/11722442/is-there-a-way-to-use-dpi-in-css-media-queries-instead-of-px -- тут как использовать media queries для разной плотности пикселей

ну и шрифты, по хорошему, должны быть в относительных единицах, а не абсолютных.

Аватар пользователя ®man
®man(10 лет 1 месяц)

ядро то само обновили?

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

нет, все изменения чисто CSS

Аватар пользователя ®man
®man(10 лет 1 месяц)

в навигации надписи можно убрать совсем

Аватар пользователя Evg_Ban
Evg_Ban(11 лет 7 месяцев)

Вот так было бы наверное получше:

Отсюдава:

https://www.drupal.org/project/professional_theme

Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

блоки в меню не перестраиваются в вертикальный режим при ширине 300 или типа того, хотя уже не помещаются:

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

перестраиваются. Не перестраиваются при ширине больше 320, так как автоматически выставляется ширина контента под следующий размер экрана - 480рх

Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

согласно яндекс-метрикам, каждый 25 посетитель у нас имеют ширину 360: 

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

о как! ну добавлю еще один параметр)

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

окей, добавил 360

Аватар пользователя Omni
Omni(11 лет 7 месяцев)

Мне понравилось. С текущей проблем не было, но стиль был менее оптимальный.

Аватар пользователя mrmypp
mrmypp(11 лет 1 месяц)

проверял на Highscreen (андроид)  хромом и лисой.

- тэги причесаны, чуть укрупнены и отодвинуты от блока снизу 

да, теперь гораздо лучше :)

С автоматическим подбором ширины тоже все нормально теперь. Поворот экрана - все корректно отображается...


В общем, сейчас горрраздо удобнее стало читать с трубки, спасибо :)

Аватар пользователя Fusakichi.Omori
Fusakichi.Omori(12 лет 2 месяца)

О! Ширину пофиксят. Очень Хорошо, спасибо!

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

читаю новости с АШ через клиент Feedly. Клиент вычитывает RSS-feed, однако новости в фид кладутся не полностью, а до ката. Возможно ли фид добавлять новость полностью? Не всегда удобно читать сайт из браузера, например, когда есть пара-тройка часов в самолете, где нет интернета, удобнее иметь закешированные новости.

Аватар пользователя Tikovka
Tikovka(11 лет 9 месяцев)

Бага - меню в  пользовательских  настройках  - выделил красным - Не доступны некоторые элементы - меньше не ресайзится

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

cпасибо, посмотрим

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

поправил. Проверьте пожалуйста

Аватар пользователя Tikovka
Tikovka(11 лет 9 месяцев)

Меню нормально переносится на новую строку. Переход по ссылке "Комментарии пользователя" не генерит страницу в девелоперской версии.

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

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

Аватар пользователя Tikovka
Tikovka(11 лет 9 месяцев)

Не совсем понял, что не будет переноситься.

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

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

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

Аватар пользователя Tikovka
Tikovka(11 лет 9 месяцев)

А понятно

Аватар пользователя Remchik
Аватар пользователя njoy
njoy(9 лет 5 месяцев)

какие ощущения?

Аватар пользователя Remchik
Remchik(12 лет 1 месяц)

Особой разницы не заметил, т.к. с мобилы редко в инете сижу и АШ с мобилы только читаю (и только в книжной ориентации экрана, не альбомной), а комментирую обычно только с PC. У меня и раньше особых претензий к сайту не было, ну разве что отсутствие колонки справа за недостаток могу назвать.

Аватар пользователя Lige
Lige(10 лет 1 неделя)

Стало хуже. Масштабирование работало до этого - переносом слов на новую строчку. Теперь оно тоже работает - изменением шрифта. Размер и (похоже) собственно кегль тоже...

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

а поподробней можно? со скриншотом, если не затруднит

Аватар пользователя Lige
Lige(10 лет 1 неделя)

А пока я чесался вы все исправили) 

Сейчас нормально.

Меня, вообще-то, все устраивало. Кроме,  как я писал - на второй странице комментов саму новость сворачивать под спойлер, чтобы не грузить ее еще раз и не листать вниз, если она очень длинная.

Аватар пользователя njoy
njoy(9 лет 5 месяцев)

хехе, долго чесались, я там много че успел сделать)))

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

Аватар пользователя Lige
Lige(10 лет 1 неделя)

Ага, просто я на дачу ездил, по снежной целине дорога непростая, соответственно долгая.

Маркер - это выход, но лишькак затычка. Лишние кнопки на ограниченном экране.но всяко лучше, спасибо!

Страницы