Недавно я выступал на конференции 360 | Flex в Девнере, Колорадо, на тему «Лучшие практики для нескольких устройств». Эта презентация была посвящена стратегиям разработки на нескольких устройствах и на разных платформах для приложений PhoneGap и Flex / AIR. Ниже вы можете просмотреть мои слайды презентации и исходный код, а также краткое резюме.
Сначала я дал обзор мобильных и мультиплатформенных приложений с AIR и PhoneGap. Смотрите эти ссылки для более подробной информации о платформах:
Далее я подчеркнул различия в восприятии пользователя, плотности отображения, удобстве использования и стиле / ощущении приложения между различными платформами и форм-факторами устройства. Вы можете прочитать более подробно на эти темы здесь:
- Flex / AIR: обнаружение форм-фактора устройства
- Определение форм-фактора устройства в PhoneGap ( пример проекта ):
var _w = Math.max( $(window).width(), $(window).height() );
var _h = Math.min( $(window).width(), $(window).height() );
// assume tablet view based upon display resolution
var tabletView = (_w >= 1000 && _h >= 600);
if ( tabletView ) {
//Setup the tablet form factor via JS
}
else {
//Setup the phone form factor via JS
}
Я также рассмотрел различные библиотеки и методы, позволяющие сделать ваши творения похожими на «нативные приложения» вместо «веб-страниц в контейнере», а также способы сделать ваши приложения более «родными» для данной платформы.
Подробная информация о Flex / AIR- специфичных инструментах и средах для приложений, подобных нативному:
- Определенные стили платформы через медиазапросы CSS
- Эскимосский фреймворк для платформо-специфичных стилей
- Образцы кода Flex (FXP)
Фреймворки / библиотеки для HTML / Web / PhoneGap, для «приложения»:
- Twitter Boostrap
- Zurb Foundation
- ВМИ
- jQuery Mobile
- JQuery UI
- Сенча Touch
- Кендо UI
- App-интерфейс
- iScroll
- Moobile JS
Не стесняйтесь оставлять комментарии с любыми вопросами.
Наслаждайтесь!