LINUX.ORG.RU
 
maxcom

Изменения на сайте - мобильный вид


0

1

Кстати кроме кнопочек я еще сегодня прикрутил некоторую поддержку мобильного вида в tango. Фактически есть три варианта верстки - для экранов с шириной до 640px, до 800px и для широких.

Цель - возможность работы с сайтом без масштабирования на телефонах и планшетах в любой ориентации.

Точно работает на андроиде htc desire s и на iPad, на аналогичных железках должно работать. Проблемы еще есть и кое-где выглядит страшненько.

Что там на операмини, симбиане и win mobile не знаю, скорее всего ничего нового.

О проблемах и пожеланиях пишите.


[#] Ответ на: комментарий от unanimous 04.02.2012 7:25:24  
>>-----Цитата---->>

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

<<-----Цитата----<<

Это ещё ладно. Но я не удивлюсь, если когда-нибудь увижу объявление "на ЛОР прекращена поддержка клиентов с Linux". И правильно, зачем они, этот 1%.

()
[#] Ответ на: комментарий от deb 04.02.2012 8:16:29  

толсто же, здесь нас около 40%

** ()
[#] Ответ на: комментарий от eagleivg 04.02.2012 9:18:15  

Беда в том, что по мнению большинства, разговоры про Linux только мешают LOR. Если проверить только по числу сообщений, то не будет и 15%, я так думаю.

()
[#] Ответ на: Танго от Apple-ch 04.02.2012 1:06:08  
maxcom

нету у меня iPhone, это urban legend :-) На iPad хорошо выглядит. Попробую на неделе раздобыть iphone 4 или touch на время

***** ()
[#] Ответ на: комментарий от post-factum 04.02.2012 1:14:55  
maxcom
>>-----Цитата---->>

ты принципиально white2 не будешь трогать или всё-таки и её модернизируешь?

<<-----Цитата----<<

а надо ее трогать? вот кстати hizel пользуется white2

***** ()
[#] Ответ на: комментарий от aedeph 04.02.2012 2:44:09  
maxcom
>>-----Цитата---->>

А как же black, Максим?

<<-----Цитата----<<

black для тех кто хочет чтобы ничего не менялось

***** ()
[#] Ответ на: комментарий от bhfq 04.02.2012 0:16:38  
maxcom

расколбас на главной вроде починил, проверь plz

***** ()
[#] Ответ на: комментарий от CLU 04.02.2012 0:37:40  
maxcom

Да, эти пикселы я еще не понял откуда берутся

***** ()
[#] Ответ на: комментарий от PolarFox 04.02.2012 0:38:39  
maxcom

Странно. У меня эта проблема тоже раньше была, но сейчас отсутствует

***** ()
[#] Ответ на: комментарий от PolarFox 04.02.2012 0:41:26  
maxcom
>>-----Цитата---->>

Может просто сделать поле ввода сообщения равное по ширине экрану?

<<-----Цитата----<<

А ну так и сделано, там стоит "max-width: 100%" чтобы оно не распухало шире чем нужно

***** ()
[#] Ответ на: комментарий от arsi 04.02.2012 0:42:04  
maxcom

Подрезал текст в залоговке, должно лучше стать

***** ()
[#] Ответ на: комментарий от maxcom 04.02.2012 9:42:38  
post-factum

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

***** ()
[#]  
ZuBB

Багрепорт. Уже несколькор проскакивала пустая белая страница при переходах назад/вперед или страница стекстом но бельім фоном. танго +моторола дефай

** ()
[#]  
NightOperator

Opera mini 5. 240x320 (sonyericsson elm j10i2). Tango. На текст постов наползают alt надписи от аватар (причем разных цветов), т.е. "username фотография". Предлагаю эти надписи вообще убрать, т.к. они не нужны - рядом и так есть ник пользователя + цветной прямоугольник от аватары (когда отключены картинки в опере)

()
[#] Ответ на: комментарий от unanimous 04.02.2012 7:25:24  
MrHouse
>>-----Цитата---->>

Владельцы этих уродцев должны страдать

<<-----Цитата----<<

Почему из-за владельцев этих уродцев страдают все?

* ()
[#]  

Спасибо очень здорово. Не надо теперь зумиться. Opera mini на xperia mini.

** ()
[#]  
le_legioner

>Что там на операмини, симбиане и win mobile не знаю, скорее всего ничего нового.

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

Ну а в общем, прогресс как всегда - и пугает, и радует.

* ()
[#] Ответ на: комментарий от unanimous 04.02.2012 7:25:24  
maxcom
>>-----Цитата---->>

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

<<-----Цитата----<<

имхо PDA вымерли и сейчас возродились в виде устройств вроде Galaxy Note

***** ()
[#] Ответ на: комментарий от NightOperator 04.02.2012 14:38:55  
maxcom

Ага, попробую поправить

***** ()
[#] Ответ на: комментарий от CLU 03.02.2012 23:59:25  
le_legioner

>т.е. есть горизонтальный скролл, что есть плохо, очень плохо.

от и я про тоже.

* ()
[#] Ответ на: комментарий от le_legioner 04.02.2012 14:46:28  
maxcom

а разрешение какое?

***** ()
[#] Ответ на: комментарий от maxcom 04.02.2012 14:48:11  
le_legioner

а хз. Операмини 4.3 - разрешение Низкое. Есть на выбор Среднее и Высокое. На всех одинаково - маленькая иконка и нужно её сдвигать в сторону, чтобы весь столбец текста был виден. Некретично, но напрягает.

В мобильно виде всё компактно и удобно стало. И переходит прямо на Уведомление. Раньше мобильным видом было пользоваться не удобно - теперь всё наоборот. ;)

* ()
[#]  
Vit

Дилюсь сикретом мастирства

http://imm.io/fQF8

У фоток есть смысл скруглить углы, а у сообщений, наоборот, раскруглить (может даже до прямых). Будет намного аккуратнее выглядеть.

<trollmode>ну и все-таки на бутстрап перехреначить быстрее будет, чем на каждом скине сопли выводить</trollmode>

*** ()
[#] Ответ на: комментарий от maxcom 04.02.2012 10:27:25  
bhfq

На Galaxy Tab стало прекрасно главная и по ширине все умещается (кроме трекера)(альбомный режим), на Galaxy Ace тоже починилось но по ширине не умешается главная (альбомный режим)

** ()
[#] Ответ на: комментарий от bhfq 04.02.2012 16:59:08  
maxcom

сделай plz скриншоты где не умещается

***** ()
[#] Ответ на: комментарий от maxcom 04.02.2012 17:05:53  
bhfq
>>-----Цитата---->>

Galaxy Tab

<<-----Цитата----<<

Тут все починилось на главной:
http://s1.hostingkartinok.com/uploads/images/2012/02/9fd440f93d1cd8c6f3b125477b3...

Трекер: не умещается
http://s1.hostingkartinok.com/uploads/images/2012/02/65eee67cab738b5f0aefe62f269...

Уведомления: не умещается
http://s1.hostingkartinok.com/uploads/images/2012/02/7370cf3e9b56d2a1e55b473c4bb...

Сообщения: отлично
http://s1.hostingkartinok.com/uploads/images/2012/02/759c534d86161462963edcb3492...

>>-----Цитата---->>

Galaxy Ace

<<-----Цитата----<<

Тут все починилось на главной не умещается:
http://s1.hostingkartinok.com/uploads/images/2012/02/28064f87974d19fc995b86d1696...

Трекер: не умещается
http://s1.hostingkartinok.com/uploads/images/2012/02/b17cd4757d626832bbcecac4dba...

Уведомления: не умещается
http://s1.hostingkartinok.com/uploads/images/2012/02/6cca649b901cbfb906ba1b95fe5...

Сообщения: не умещается
http://s1.hostingkartinok.com/uploads/images/2012/02/1c3b5587a86dadceb31dafcd302...

фух

** ()
[#]  
Alpinist

теперь так и надо, что на экране 800х352 всё рендерится в одну колонку? Т.е на главной сначала эмблема, потом самсунг, гигантская простыня новостей, а снизу топ10 и галерея. Неудобно. Раньше всё было нормально. Нокля е90, опера мини 6.5, 4.4 на джаве и опера мобайл 11.5 рендерят в одну коолонку. Дефолтный браузер симбиана рендерит нормально, в 2 колонки..

()
[#]  

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

**** ()
[#]  
int13h

верните как было!

* ()
[#]  
moscwich

Это охувообще круто! Только вот почему опять этот ваш убогий танго?

* ()
[#] Ответ на: комментарий от maxcom 04.02.2012 9:44:19  
>>-----Цитата---->>

black для тех кто хочет чтобы ничего не менялось

<<-----Цитата----<<

Т.е. галочки «отключить мобильный вид» для tango принципиально не будет? Я всё ещё хочу видеть ЛОР на iPod так, как я привык, и даже User Agent Faker не помог.

** ()
[#] Ответ на: комментарий от gentoo_root 05.02.2012 20:54:15  
maxcom

Подожди неделю, если не решу проблему с ретиной то сделаю кнопку выключения

***** ()
[#] Ответ на: комментарий от maxcom 05.02.2012 21:34:43  
>>-----Цитата---->>

Подожди неделю

<<-----Цитата----<<

o_O

>>-----Цитата---->>

если не решу проблему с ретиной то сделаю кнопку выключения

<<-----Цитата----<<

Почему нельзя сначала сделать выключалку, чтобы сайтом пользоваться можно было, а потом уже решать проблемы хоть целый месяц, не вовлекая в них обычных юзеров? И тестировать нестабильные фичи на работающем сайте — это уж слишком. Для такого раньше было http://beta.linux.org.ru/. К тому же, мне кажется, что сделать выключалку гораздо проще, чем решить все проблемы с retina: просто в условии с проверкой user-agent пользователя проверять и его настройки.

** ()
[#] Ответ на: комментарий от gentoo_root 05.02.2012 21:45:24  
maxcom

1) Потому что пострадали помоему только те у кого retina, а тем у кого android и opera mini стало лучше. До этого у них сайт показывался чуть более чем ужасно, а сейчас - чуть менее.

2) Если не вовлекать в тестирование обычных пользователей то не будет обратной связи и проверки на разных устройствах.

3) В CSS вставлены специальные хинты как рендерить сайт на узких экранах. Проверки на User-Agent нигде нет.

***** ()
[#] Ответ на: комментарий от maxcom 05.02.2012 22:11:25  
>>-----Цитата---->>

Потому что пострадали помоему только те у кого retina

<<-----Цитата----<<

Понятно, банальная дискриминация.

>>-----Цитата---->>

Если не вовлекать в тестирование обычных пользователей то не будет обратной связи и проверки на разных устройствах.

<<-----Цитата----<<

Раньше был beta.linux.org.ru, на котором обычные пользователи могли тестировать, а те, кто не хотел, сидели на стабильном. И я бы с удовольствием сидел на beta-версии сайта тогда, когда ей можно пользоваться. В данном случае я бы с компа заходил на бету, а с iPod'а на стабильную, и всем было бы хорошо.

>>-----Цитата---->>

В CSS вставлены специальные хинты как рендерить сайт на узких экранах. Проверки на User-Agent нигде нет.

<<-----Цитата----<<

А, вот оно как. Я думал, что отдаётся разная страничка. Вот почему не работал User Agent Faker. Разве не существует такой кнопки, нажав которую, можно отключить эти хинты? Типа как внизу выбирается стиль swamp, загружая альтернативную css, можно ли сделать аналогичную кнопку для загрузки css без хинтов для узкого экрана?

** ()
[#]  
another

На нокле н9 приятней стало намного. Спасибо.

()
[#] Ответ на: комментарий от maxcom 04.02.2012 14:47:25  
NightOperator
>>-----Цитата---->>

Ага, попробую поправить

<<-----Цитата----<<

Спасибо, стало лучше: теперь не на все посты налезает alt надпись, показываемую вместо аватары при отключённой графике.

Проблема осталась с никами длиннее 7 символов, которые в alt надписях остались - их правая половина всё ещё налезает на текст, а левая уходит куда-то за левый край экрана (и туда не прокрутить). Поэтому повторяю своё предложение: из alt надписей удалить весь текст (или весь текст длиннее 7 символов), т.к. ник есть рядом под постом. Ну или вставить там id пользователя, например, т.к. они семизначными станут весьма не скоро.

()
[#] Ответ на: комментарий от NightOperator 04.02.2012 14:38:55  
nickionn
>>-----Цитата---->>

Opera mini 5. 240x320 (sonyericsson elm j10i2)

<<-----Цитата----<<

выкинь 5 оперу. ставь 4.2 mod. С файловым менеджером и всякими примочками.

* ()
[#] Ответ на: комментарий от nickionn 06.02.2012 10:34:23  
NightOperator

nickionn, спасибо конечно за совет, но 5я опера адекватнее ведёт себя при работе с некоторыми сайтами, использующими ajax, т.ч. не хочу.

Впрочем, если налезающие на посты надписи совсем будут мешать и в 4.2 этого нет, то я поставлю 4.2 вторым браузером специально для лора.

()
[#] Ответ на: комментарий от NightOperator 06.02.2012 10:51:51  
nickionn

возможно она не корректно работает с некторыми сайтам, но в 4.2 mod. большое количество свистоперделок. Еще можешь попробывать bolt( не сжимает страницы как опера мини, но умеет потоковое видео).

* ()
[#]  
segfault
>>-----Цитата---->>

О проблемах и пожеланиях пишите.

<<-----Цитата----<<

Есть пожелание, и не только мое, но и, пожалуй, половины ЛОРа - запилить параметр "мобильный вид", сохраняемый в кукизах, при установке которого будут применяться все "плюшки" для мобилки. А без него - классический десктоп-онли.

* ()
[#]  

ВНЕЗАПНО

Нашёл причину адского расколбаса страниц тредов: это рекламная блямба под блоком поста. На ипхоне она разносит страницу раза эдак в два.

()
[#] Ответ на: ВНЕЗАПНО от Apple-ch 06.02.2012 23:17:24  
maxcom

Отключили ее в настойках сайта и попробуй. Сообщи plz о результатах

***** ()
[#] Ответ на: комментарий от maxcom 06.02.2012 23:36:50  
>>-----Цитата---->>

Сообщи plz о результатах

<<-----Цитата----<<

После отключения рекламы остались такие проблемы:

1) в ландшафтном режиме:

• в трекере ширина таблицы больше 100 % (не всегда);

2) в портретном:

• та же фигня с таблицей, но уже постоянно,

• в тредах блок навигации между прошлой/следующей темами шире 100 %, если в названиях тем многабукаф (т.е. нечасто),

• на глагне реклама гнусмаса остаётся и приводит к горизонтальному скроллу.

Итого жить можно, косяки некритичные. А, ещё в настройках вёрстку колбасит, но туда я редко заглядываю :)

В целом с мобильным видом стало намного удобнее, зумить больше не надо. Спасибо!

()
[#]  

[Оффтопик]

Текст «Введите сообщение» как-то странно разнесло: http://ompldr.org/vY255MQ

И почему-то он не всегда появляется (зашёл в тему в новостях, написал немного текста, стёр, «Введите сообщение» не появилось). В General появляется.

А ещё этот текст не сразу исчезает, если после его появления вставить в поле сообщения текст средней кнопкой мыши или перетащить вкладку Firefox для вставки url. Исчезнет, если после этого его отредактировать.

** ()
[#] Ответ на: [Оффтопик] от gentoo_root 07.02.2012 1:16:18  
maxcom

первое поправил

***** ()
[#] Ответ на: [Оффтопик] от gentoo_root 07.02.2012 1:16:18  
maxcom

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

***** ()
[#]  
TGZ

Верните, как было. Пожалуйста.

** ()