what ' s лучшие практики для создания веб-приложений, совместимых с мобильными устройствами и планшетами

Похоже, что с ростом количества карманных устройств нужно больше учитывать их и вместо этого отказаться от IE6.

Имея это в виду, я обратил внимание на то, что некоторые вещи работают не так хорошо, как могут быть или вообще, скажем, на моем iphone.

то, что кажется нарушающим, включает (но не ограничиваясь ими):

  • события mouseover / mouseout (могут сломать почти все)
  • CSS псевдонимы: также, естественно, наведение (нарушает навигационные меню только для CSS, например)
  • ДВОЙНОЙ КЛИК - масштабирование вместо обработчика событий.
  • Проблемы, связанные с CSS (минута, похоже, он работает так же, как в Chrome без градиентов + некоторые проблемы с размером шрифта)

реальный вопрос: есть ли у вас какие-либо рекомендации, статьи или что-то еще, что может охватить вещи ниже или какие-либо советы, которые вы можете дать.


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

Существуют ли какие-либо фреймворки (CSS или JS), которые могут абстрагируйте это и сделайте изящную деградацию там, где это необходимо? На ум приходит шаблон , jquery-mobile mootools-mobile (электроинструменты) ?

чем вы заменяете вещи, подобные приведенным выше, события щелчка?

как включить смахивание в веб-приложение? Можете ли вы управлять увеличением пальца и реагировать на него? должны ли вы?

дополнительные события, такие как встряхивание, наклон - они всплывают в окне браузера?

вы делаете что-нибудь, чтобы учесть неудобные элементы ОС, такие как , выберите , флажок и radio ?

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

что касается поддержки устройств , Меня интересуют только droid и ios, поэтому поддержка javascript будет довольно хорошей - не могли бы вы отказаться от основного фреймворка и вместо этого использовать micro js lib?

и, наконец, - есть ли у вас какие-либо впечатления о том, насколько жизнеспособны портативные устройства для электронная коммерция и монетизация (в настоящее время и в ближайшем будущем). С точки зрения бизнеса, я хотел бы убедиться, что работа над разработкой окупится, и мы не собираемся прибегать к модным трюкам вроде «#socialmedia». какие данные по конверсии по сравнению с десктопными? это может помочь мне определить, используются ли они в качестве инструмента для быстрого просмотра или действительно могут выполнять все функции.

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

Заранее спасибо.

7
задан Dimitar Christoff 18 May 2011 в 09:46
поделиться