LINUX.ORG.RU

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


0

1

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

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

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

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

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

★★★★★

Последнее исправление: maxcom (всего исправлений: 1)

в white2 на главной на андроиде правая колонка наползает на верхние новости, остальное все вроде нормально

bender ★★★★★
()

Выглядит хреново на LG Optimus One (320x480), ширина страницы не равна ширине экрана, т.е. есть горизонтальный скролл, что есть плохо, очень плохо.

Советую мобильную версию сделать с нуля, категорически рекомендую использовать это: http://jquerymobile.com/

CLU
()

Раньше было лучше, в мобильном IE-9 страница отображалась как в десктопном браузере, сейчас в экран помещаются только названия разделов и названия тем. Речь о трекере.

TGZ ★★★★
()
Ответ на: комментарий от maxcom

Танго, первые два скриншота из Opera Mobile, следующие из программы «Браузер», расположение блоков у меня немного настроено через настройки лора, ну а реклама самсунга :)

http://db.tt/PJn0BCqC

bhfq ★★★★★
()

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

В вертикальной ориентации немного приходится отдалять масштаб.

bhfq ★★★★★
()
Ответ на: комментарий от bender

Про такой вариант я забыл, посмотрю потом и на него

maxcom ★★★★★
() автор топика
Ответ на: комментарий от bhfq

А, тоже трехколоночная. Про нее я забыл, поправлю

maxcom ★★★★★
() автор топика

Samsung Galaxy Tab 10.1, выглядит прилично в обоих ориентациях.

PolarFox ★★★★★
()

Samsung Galaxy SII, выглядит прилично. Но глюк с несоответствием курсора палочкой, маркера выделения остался. При наборе сообщения, страница скроллится соответственно уехавшему курсору выделения, а не курсору в тексте.

PolarFox ★★★★★
()
Ответ на: комментарий от PolarFox

Поясняющий скриншот. Андроид свято уверен, что буква «к» находится именно там, где находится жёлтая стрелочка, и соответственно доскролливает при наборе туда. Может глюк самого андроида, но на других сайтах такого вроде нет. Может просто сделать поле ввода сообщения равное по ширине экрану?

PolarFox ★★★★★
()

вроде неплохо, осталось самое главное — трекер ;)

замечания/жалобы/предложения (после просмотра на галакси мини 320×240): слишком крупный шрифт у «LINUX.ORG.RU — Русская информация об ОС Linux», с трудом на экран умещается; реклама самсунга на главной на полтора экрана…; виджет «Добро пожаловать!» где-то внизу, хотя было бы удобно видеть его в самом начале, но только с пунктами в строчку, а не в колонку. и было бы неплохо продублировать настройки, отвечающие за рендеринг, для пк и мобильной версии раздельно (отображение аватарок, соцкнопок, количества комментариев на странице и т.п.).

arsi ★★★★★
()

На Samsung Galaxy Ace в вертикальном положении в группах форума (www.linux.org.ru/forum/talks/) отобрадается примерно 70% от ширины, приходится отдалять. (Только страница «Форум» по ширине вписывается). В самой теме (Изменения на сайте - мобильный вид) процентов 5 не вписывается в ширину.

bhfq ★★★★★
()
Ответ на: комментарий от PolarFox

Подтверждаю поле ввода сообщения совсем не приспособлено под телефоны адроида и планшеты.

bhfq ★★★★★
()
Ответ на: комментарий от bhfq

Что не так? Обычный планшетник на Андроид, 1280х800.

Mr_Alone ★★★★★
()
Ответ на: комментарий от CLU

Кекеке видишь ли у них два разных css, и два разных наборов js

<link rel=«stylesheet» type=«text/css» media=«screen» href=«/css/mobile.css» />

<link rel=«stylesheet» href=«/css/global.css» media=«screen» />

А у нас занимаются извращениями.

bhfq ★★★★★
()
Ответ на: комментарий от PolarFox

С планшетом на 1024х600 не нормально.

bhfq ★★★★★
()
Ответ на: комментарий от PolarFox

Причем ещё так, в горизонтальном положении нажимаешь на поле ввода, клавиатура уходит в полноэкранный режим, набираешь большое сообщение, нажимаешь «ок» на клавиатуре, возвращаешьсяв браузер, масштаб зверски увеличелся в центр поля ввода, видишь свой текст и все кругом белое. сложно отмастабировать обратно, также часто случайно попадаешь по какой-нибуль ссылке при мастабировании

bhfq ★★★★★
()

Танго

На айфоне выглядит ужасно. Во-первых, шапка сайта (логотип + меню) занимает целый экран. Во-вторых, ширина страницы превышает ширину экрана, хотя полезный контент имеет нужную ширину (справа много свободного места остаётся). Как в портретной, так и в альбомной ориентациях. Поскольку я читаю ЛОР почти только с айфона (лишь иногда с айпада), стало несколько неудобно. Хотя в целом начинание отличное, спасибо.

Макс, у тебя же вроде есть айфон, ты не проверял разве, что получилось? :)

Apple-ch ★★
()
Ответ на: Танго от Apple-ch

Макском не может вот так вот просто переключиться на другое приложение, ведь на его однозадачном ифоне сам ЛОР и крутится.

PolarFox ★★★★★
()
Ответ на: комментарий от PolarFox

Вброс удался :)

По сабжу, в альбомной ориентации у меня даже на Samsung Ace все нормально умещается, но не портретная.

bhfq ★★★★★
()
Ответ на: комментарий от PolarFox

Ну а что, у моего телефона именно такое разрешение - и это не мешает ходить с него на ЛОР. :)

bsdfun ★★★★★
()

240х320 в портретной ориентации выглядит… ммм, страшненько. Да ещё и зум сразу после загрузки страницы врубается автоматом. Ну а проблемы тебе уже выше описали.

PS: Модерский блок под каждым сообщением хавает кучу места и вообще некомпактен, может сделаешь его скрытым и выезжающим через JS по нажатию ссылки? Утром дам скриншот безобразия, если надо.

DoctorSinus ★★★★★
()

и раз уж появился мобильный вид: может, сделаешь пагинацию в стандартном виде помельче, примерно такого размера и вида, как сейчас выглядят свежие кнопки RSS?

DoctorSinus ★★★★★
()
Ответ на: комментарий от MrHouse

Почему не сделать PDA версию?

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

unanimous ★★★★★
()
Ответ на: комментарий от maxcom

на n9 верстка не плывет, все на местах, но крупновато

SevikL ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.