Комментарии 52
По первому пункту - ширину запросто можно задать с помощью файрбага - и не нужен никакой эмулятор. Я всегда так делаю. К тому же все-таки лучше тестировать верстку на реальных устройствах, а не эмуляторах. Не знаю, как наладонники(с ними дел не имел), а вот телефоны могут по-разному отображать одну и ту же страницу(даже два телефона одного производителя)
С PocketPC другие приколы. Любой Pocket отобразит оптимизированную верстку одинаково (разве что в разных разрешениях), т.к. браузер везде одинаковый — mobile IE. Но и тот имеет свои дефолтовые значения CSS, часть не понимает итп, верстать с фаербагом — извращение. Попробуй открой pda.basher.ru в фаере и на наладоннике, разница очевидна.
А эмулятор, кстати, идентичный устройству, т.к. от тех же мелкософтовцев, а значит с ним проблем никаких не будет.
А эмулятор, кстати, идентичный устройству, т.к. от тех же мелкософтовцев, а значит с ним проблем никаких не будет.
еще по первой части, отправлял вам по почте скрины с коммуникатора 320х240, ни ответа ни привета
не получил =((( очень обидно. повторите, пожелуйста, попытку. На webmaster@mobilz.net или webmaster@basher.ru или trin4ik@gmail.com, очень жду, спасибо!
НЛО прилетело и опубликовало эту надпись здесь
про домены согласен, но все остальное больше касается сотовых, а не PDA. Речь в статье о PDA.
За что вы так не любите автоопределение и PNG?
Автоопределние - просто неотъемлимая часть крупного сайта. Пользователь не будет рад, если ему, например, загрузится весь полумегабайтный интерфейс gmail только потому, что он не знал, что нужно обязательно ввести спец адрес для мобильной версии.
Если опять же взять для примера gmail, то изначально для PDA выдается мобилная версия, ожидаемая и необходимая в 90% случаев, но Вы можете выбрать полную HTML версию, а затем и основную.
Формат PNG поддерживается всеми мобильными броузерами совместимыми с WAP2.0 и уж тем более броузерами современных смартфонов и PDA.
Автоопределние - просто неотъемлимая часть крупного сайта. Пользователь не будет рад, если ему, например, загрузится весь полумегабайтный интерфейс gmail только потому, что он не знал, что нужно обязательно ввести спец адрес для мобильной версии.
Если опять же взять для примера gmail, то изначально для PDA выдается мобилная версия, ожидаемая и необходимая в 90% случаев, но Вы можете выбрать полную HTML версию, а затем и основную.
Формат PNG поддерживается всеми мобильными броузерами совместимыми с WAP2.0 и уж тем более броузерами современных смартфонов и PDA.
браузеров под покет наверное уже не меньше чем под десктоп. делать сайты (и советовать другим делать сайты) ориентируясь на покет ИЕ.. хм.. трудно выразить эмоции, но в общем ничего хорошего в этом нет
"призрения" исправьте, пожалуйста, на "прЕзрения". А то пользователям ПДА совсем обидно будет :)
Не могу найти часть 1. Помогите линком, пожалуйста.
Класс! как раз то что нужно!
> Определить PocketPC не так и сложно. HTTP_USER_AGENT содержит «windows ce» + браузер (mobile ie) добавляет ряд своих заголовков, например HTTP_UA_OS.
Это сработает и на опере, и на айфоне, и на симбиановских мобилах?
Это сработает и на опере, и на айфоне, и на симбиановских мобилах?
нед. От части и по этому должен присутствовать поддомен pda.
> 3. Авто определение PDA устройства + pda.site.ru домен.
каждый раз, когда вы читаете третий пункт, Тим Бернерс-Ли вздрагивает
о <style media="" никто уже не помнит? : )
каждый раз, когда вы читаете третий пункт, Тим Бернерс-Ли вздрагивает
о <style media="" никто уже не помнит? : )
откройте сурс и посмотрите =) в первой статье я указал, по каким причинам нужна другая верстка и почему именно не хватит просто добавить оптимизированный css.
media="handheld" в сурсе я нигде не увидел ; )
в первой статье основной причиной другой верстки названо «тупо грузить лишний трафик», и всё. Я понимаю, конечно, что оперирую ценами дефолт-сити, но все равно метр трафика мне стоит столько же, сколько минута разговора с городским телефоном, а тратить этот метр я буду минут 10 — минимум!
давайте еще делать отдельные субдомены для разных браузеров, для слабовидящих/слепых юзеров, для поисковых ботов, для тех, кто любит управлять с клавиатуры, и т.п. ; )
в первой статье основной причиной другой верстки названо «тупо грузить лишний трафик», и всё. Я понимаю, конечно, что оперирую ценами дефолт-сити, но все равно метр трафика мне стоит столько же, сколько минута разговора с городским телефоном, а тратить этот метр я буду минут 10 — минимум!
давайте еще делать отдельные субдомены для разных браузеров, для слабовидящих/слепых юзеров, для поисковых ботов, для тех, кто любит управлять с клавиатуры, и т.п. ; )
вы большой знаток верстки под мобильные устройства, я смотрю. Не покажите свои примеры хорошего сайта + оптимизированного под handheld стили?
если в ваших словах действительно присутствует скрытая ирония, то вот вам вариант ответа:
непохоже, что эта статья ориентирована именно на таких знатоков ; )
аргументы, приводящиеся в ней, доступны для понимания и обычным веб-разработчикам
а если скрытая ирония мне только почудилась, то серьезный ответ такой:
нет, мне не приходилось верстать под мобильные устройства. Однако когда передо мной возникает сложный для моей квалификации выбор, я стараюсь полагаться на решения авторитетных в веб-разработке людей, обычно именно тех, кто создает веб-стандарты. В этом конкретном случае они считают, что сайту не нужны отдельные версии для разных агентов.
а вот неплохой, имхо, пример handheld-стилей: http://my.opera.com/WebApplications/blog…
непохоже, что эта статья ориентирована именно на таких знатоков ; )
аргументы, приводящиеся в ней, доступны для понимания и обычным веб-разработчикам
а если скрытая ирония мне только почудилась, то серьезный ответ такой:
нет, мне не приходилось верстать под мобильные устройства. Однако когда передо мной возникает сложный для моей квалификации выбор, я стараюсь полагаться на решения авторитетных в веб-разработке людей, обычно именно тех, кто создает веб-стандарты. В этом конкретном случае они считают, что сайту не нужны отдельные версии для разных агентов.
а вот неплохой, имхо, пример handheld-стилей: http://my.opera.com/WebApplications/blog…
«Ничего кроме белого фона, черного текста и синих ссылок в PDA версии сайта (примеров не мало) это высшая степень неуважения и презрения к владельцам современных мобильных устройств.»
Не согласен, это высшая степень уважения к пользователям GPRS. :)
Не согласен, это высшая степень уважения к пользователям GPRS. :)
про wml верстку будет отдельная статья, а с GPRS, конечно, беда =( В европе подобных проблем нет, там wifi почти везде, где тусуются люди.
Не приплетайте Европу, там с интернетом напряги тоже еще те, испытал на собственной шкуре. WiFi в кафе имеется, но далеко не всегда это доступно/недорого. Возможно местные жители и не испытывают проблем, но приезжему просто так хороший канал не найти, тот же GPRS дороже нашего раз в 5. Что порадовало, так только скорость и качество связи...
Согласен. Зачастую при GPRS-подключении захожу с ноутбука на pda-версии сайтов, поскольку там нет тяжелых рюшечек, рекламы...
По 4 пункту (по части дизайна) думаю стоит задуматься о трафике. На мобильных устройствах он как правило значительно дороже да и каналы тоже намного тоньше, поэтому использование жирной графики весьма сомнительно. Думаю именно поэтому и в приведенном примере (и в других аналогичных) не используется полноценная графика.
По поводу отдельного домена - это плохо тем, что принуждает вас использовать WildCard SSL-сертификат (разумеется в случае необходимости SSL), что менее удобно и более дорого.
По этой же теме есть старая статья на webmascon: http://webmascon.com/topics/coding/46a.asp
Господа, а поделитесь ссылками на эмули?
http://www.microsoft.com/downloads/detai…
внизу есть ссылка на русскую msi.
внизу есть ссылка на русскую msi.
Скоро думаю писать проект с поддержкой PDA. Вообще ничего не знаю по этому поводу. Спасибо, в целом статья оказалась вполне полезной. Желаю продолжения, если есть и если можно. :)
А нельзя окно оперы ресайзить под 320*240? по моему можно. Можно даже в заголовке показать размеры видимого окна :)
в опере можно тупо нажать shift+f11 - и получить вид, как на мобильной опере
вот только мобильной оперой пользуется не так много народу
да? вообще-то больше, чем даже немобильным сафари, то есть, опера мини заметна даже на немобильном рынке
и вообще, я говорил, что лучше смотреть "как на мобильной опере", чем "как на десктопной опере с окном шириной в 320 пикселей" : )
и вообще, я говорил, что лучше смотреть "как на мобильной опере", чем "как на десктопной опере с окном шириной в 320 пикселей" : )
Какие-то странные у вас данные.
http://www.liveinternet.ru/stat/ru/brows…
опера мини хоть и занимает какую-то нишу, но к сожалению li.ru не различает mobile ie, пока. Уверен, его гораздо больше, чем опера-мини.
Ответил я не вам лично, а вашей ветке.
http://www.liveinternet.ru/stat/ru/brows…
опера мини хоть и занимает какую-то нишу, но к сожалению li.ru не различает mobile ie, пока. Уверен, его гораздо больше, чем опера-мини.
Ответил я не вам лично, а вашей ветке.
По пункту 4 чушь несусветная. Переносить весь функционал "большой" версии сайта в мобильную вредно. Мобильная версия это именно мобильная версия, а не просто версточка под маленький экранчик. Соответственно, функционал нужен только тот, который нужен мобильным пользователям.
какой, например? возьмем к примеру хабр, что нужно мобильным пользователям и что нужно убрать?
Сайты бывают разные, зачем же сразу хабр. Возьмем, к примеру, сайт некоего сферического кинотеатра.
Можно предположить (и притом весьма уверенно), что мобильному пользователю в основном будет интересно расписание сеансов с ценами и (возможно) как добраться, а вовсе не условия аренды залов под презентации...
Можно предположить (и притом весьма уверенно), что мобильному пользователю в основном будет интересно расписание сеансов с ценами и (возможно) как добраться, а вовсе не условия аренды залов под презентации...
Ну и размещать информацию с сеансами выше, нежели информацию о аренде.
Да и потом зачем обрезать подобную информацию?? Я зашел в сеть, увидел приятные цены на аренду залов, встретился с партнером, в кафе с наладонника зашел на этот сайт и? Я помню что там была эта информация, почему сейчас она будет скрыта?
Да и потом зачем обрезать подобную информацию?? Я зашел в сеть, увидел приятные цены на аренду залов, встретился с партнером, в кафе с наладонника зашел на этот сайт и? Я помню что там была эта информация, почему сейчас она будет скрыта?
например гугл в мобильных версиях для регистрации предлагает посетить адресс со своего ПК.
после определения мобильного клиента нужно не выдавать другие шаблоны, а делать редирект на pda-версию, чтобы была возможность посмотреть полную версию сайта с гаджета.
если вы так и делаете, то простите, не понял сразу...
если вы так и делаете, то простите, не понял сразу...
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Верстка под PDA, часть 2