Если однажды дизайнер принесет вам на блюдечке невероятно красивый, сияющий, округлый web-application для IPhone, эта шпаргалка и google помогут вам не ударить в грязь лицом.

Спасибо, Оля, что поделилась ценным опытом.

Мой опыт пользователя “Opera Mini” говорит, что следование этим рекомендациям способно повысить удобство работы с сайтом, по крайней мере в этом приложении, которое сейчас очень популярно. Простая, но полезная статья.

Цитата с Вебпланеты:

…хорошую тему внес Сергей Рыжиков. Он заметил, что для создателей сайтов подготовка мобильных версий занимает много времени и средств, и в общем-то не окупается. При том, что смартофоны уже умеют бродить по обычному Интернету – так может, стоит просто подождать? Ну например, когда появятся смартофоны с более крупным экраном, типа iPhone.

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

Вот странно. Почему это люди просто не купят себе по смартфону и не убедятся воочию, чего нужно делать, а чего — нет ? Глядишь, меньше домыслов будет.

Я ежедневно пользуюсь смартфоном, 2004 года выпуска. (Привет джобсопоклонникам, которые все продолжают ждать наступления эпохи мобильного веба). С установленной Oперой-мини, смартфону не требуются мобильные версии для просмотра обычных сайтов, типа Вебпланеты, Хабра, Вебмаскона и любых блогов.

Исключение я сделал только для Bloglines. Но это не контент-сайт, а интернет-приложение. Для подобных вещей мобильная версия пока нужна. Ну для Gmail, Gooogle Doc и прочего. Но это исключения, а не правило. И время их не вечно. Будущая версия Bloglines, доступная в бета-версии, скорее всего не будет нуждаться в отдельной мобильной версии.

Опера-мини даже с сайтами сделанными не по-стандартам справляется отлично, а уж если сайт соответствует, то вообще нет проблем.

…количество пользователей мобильного Интернета (WAP) в России в 2007 году составило около 15 млн. пользователей с ростом около 70% в год, когда пользователей стационарного Интернета – 25 млн с замедляющимся ростом около 15% в год. (Sostav.ru)

Типа, хозяйке на заметку.

Хотите на самом деле оптимизировать сайт для мобильного использования? Делайте сайт по стандартам. Больше не делайте ничего. Это дешево, надежно и практично.

Все остальное — специальные мобильные версии и шаблоны, эмуляторы, и даже handheld-стили — все от лукавого. С большей вероятностью навредит чем поможет.

• Мобильная версия — это совсем другой сайт с похожим контентом, но отличающейся структурой в частности и архитектурой в целом. К нему надо заново привыкать.
• Мобильный шаблон — те же яйца только в профиль. Структура сайта та же, но вот структура страницы — незнакомая.
• Эмуляторы? Да нет никакой гарантии, что у всех пользователей мобильники отображают так же. Пытаясь подстроиться под эмулятор, можно ненароком накосячить так, что кое-кто не сможет сайтом пользоваться. Медвежья услуга, называется. Вот мне недавно фраза понравилась: “Система, основанная на интенсивном тестировании, не может быть надежна вне стандартных сценариев.” (ЖЖ-юзер vtolkov)
• Handheld-стили — те же яйца только в профиль. Современные мобильные браузеры не слишком хорошо умеют включать-отключать стили, используемые разработчиком сайта. Кривые стили не отключишь.

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

А единственный тип сайтов, которым нужны мобильные версии — это тяжелые интернет-приложения на JavaScript и Flash. Типа Gmail и Bloglines. Да и то, пока в Опере не придумали как с ними работать на мобильнике :)

Потому что должно быть так: множество устройств — один сайт. И это правильно.

Если на странице одновременно присутствуют стили для больших экранов (screen) и для мобильных устройств (handheld), мобильный IE смешивает их и использует оба набора стилей. В результате — каша. Но есть решение:

<style type="text/css" media="Screen">...</style>

Чтобы предотвратить неправильное поведение IE для Windows Mobile 5 достаточно написать “Screen” с большой буквы.

Давненько не было видно таких солидных глюков. Хорошо, что фикс уже найден.

The browser is not supported. MSN Spaces does not support this version of your phone’s browser. To vew Spaces please your PC…

Мол “ваш браузер не поддерживается”, мол “воспользуйтесь персональным компьютером, пожалуйста”.

(Появляется это только во встроенном браузере. Мобильная Opera на том же телефона показала все как надо. Видать, навострились они обходить сниферы мелкомягких.)

Вот интересно — зачем? Какая такая поддержка нужна моему браузеру, чтобы открыть обычную HTML-страницу? Не вижу логики. Неужели дело в том, что на телефоне блог выглядит не красиво? Так нет там ничего красивого — стандартный дизайн для халявного блог-сервиса.

Но код там замечательный. Вот что они вместо элемента P используют :

<div><span style=”font-family:Verdana”></span><span style=”font-family:Verdana”><font color=”#000000″><font face=”Verdana, Geneva, Arial, Sans-serif” size=3>…текст абзаца…</font></font></span></div>

Прекрасный образец, просто прекрасный. Это сохранено из Word-a?

Кстати, речь в той записи блога идет о том, как было бы здорово, копировать данные целыми кусками между различными web-приложениями — аналог clipboard-a, но только для сети. Контент без границ! Ура!!! Зачем заботиться о банальном скучном HTML-е, когда за углом нас ждет великое будущее.

Неужели, горбатого могила исправит?

Tags: mobile, web-standards, msn+spaces, nokia+6670

“По поводу i-mode. Работает только с несколькими тысячами специально созданных сайтов, даже близко не сравнится с объемом информации, существующим в интернете. i-mode насчитывает 43 миллиона пользователей в Японии и свыше 3 миллионов во всем остальном мире.“

Если эти цифры верны, то какими-то нерадужными выглядят перспективы, у i-mode от МТС. Я это говорю как потенциальный потребитель услуги. То есть, скорее с сожалением.

Все мы привыкли к тому, что URL-ссылка – понятие виртуальное, указывающие исключительно на несуществующие в природе объекты. Semacode же, в свою очередь, в корне меняет это устоявшееся представление (…). Проще говоря, интернет-ссылки теперь можно размещать на любом предмете, а чтобы открыть их, потребуется подходящий камерофон со встроенным веб-браузером.

Semacode – это аналог штрих-кода. Только информации закодировать можно больше, и делается это не штрихами, а точками.

В Semacode закодирован URL сайта, пользователь считывает код, фотографируя камерой на телефоне. Специальная программа в телефоне декодирует URL, а встроенный бразуер его открывает.

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

Официальный сайт Semacode (англ.).