#html #mobile
#HTML #Мобильный
Вопрос:
Я запускаю мобильное приложение HTML5 с HTML5Boilerplate в качестве шаблона, и я не могу найти много ресурсов, касающихся лучших практик для мобильной разработки на HTML5. Я ищу такие материалы, как:
— навигация с использованием контроллера панели вкладок
— навигация между представлениями
— как наилучшим образом обрабатывать контент? (лучше ли использовать несколько разделов в разделе содержимого и показывать только один div за раз?)
На самом деле, я хотел бы понять некоторые вещи, выполняемые в Google Latitude.
Есть ли какое-нибудь хорошее руководство для начинающих по этим предметам?
Ответ №1:
- Вам нужно реализовать гораздо больше логики вокруг этих компонентов «контроллера». Некоторые классы, которые могут присутствовать при разработке для iOS, отсутствуют в HTML5. Вам нужно либо создать свой собственный, либо использовать существующий фреймворк.
- Навигация между представлениями обрабатывается программно. Вам нужно было бы сделать это самостоятельно, внедрив компоненты, которые могут анимировать на экране или с экрана, или использовать один из легко доступных фреймворков, таких как Sencha Touch или jQuery Mobile.
- Это зависит от того, как вы хотите, чтобы визуальный поток работал. Я знаю, что Sencha Touch добавляет в divs лениво, чтобы не занимать столько памяти. Я думаю, хитрость здесь в том, чтобы поэкспериментировать, чтобы найти наилучшую реализацию, соответствующую вашим потребностям (а затем написать статью в блоге).
В SixRevisions есть довольно хорошая статья о том, как начать общее программирование на HTML5. Некоторые другие статьи здесь, несколько полезных советов здесь и документы Apple.
Лучшим руководством для начинающих, которое я нашел для Sencha Touch, были их примеры, включенные в исходный код. У них есть пример практически для каждого элемента управления пользовательского интерфейса, который они поставляют, и множество приложений, которые ненавязчиво познакомят вас с фреймворком. Другие ресурсы включают их канал Vimeo, их форум и их документы.
Кроме того, вы, вероятно, можете открыть мобильный сайт и посмотреть, как они реализуют свой код, используя панель инструментов разработчика Chrome / Safari. Возможно, вам придется эмулировать строку пользовательского агента мобильного браузера.
Ответ №2:
Мы выпустили шаблон для мобильных устройств, и документы в связанной wiki определенно являются тем, что вам следует изучить для получения информации об этом.
Ответ №3:
Хотя это и не руководства, я бы НАСТОЯТЕЛЬНО рекомендовал изучить мобильные фреймворки HTML5 Sencha Touch или jQuery Mobile. Они в сочетании с HTML5 Boilerplate сделают больше для начальной загрузки вашего проекта, чем один только HTML5 Boilerplate.
Комментарии:
1. Я использую jquery с HTML5Boilerplate (мобильная версия). Как вы думаете, следует ли использовать Sencha Touch с jQuery? Или jQuery достаточно? Знаете ли вы, как обрабатываются различные представления? Все ли загружено в раздел содержимого?
2. @Luc Sencha Touch и jQuery предоставляют очень похожие функции (DOM-запрос, манипулирование DOM, Ajax). Использовать оба варианта вместе было бы излишеством.
3. Я не знал Sencha Touch! Это выглядит великолепно! Спасибо, я проверю этот фреймворк. Я больше привык к jQuery, но, похоже, в Sencha Touch много функций, касающихся представлений.
4. @Luc, в принципе, как и заявил @mistagrooves, jQuery Mobile и Sencha Touch — это две платформы, пытающиеся решить одни и те же проблемы. Хотя мне еще предстоит использовать ни то, ни другое, я считаю, что в настоящее время Sencha Touch более стабилен и развит, чем jQuery Mobile. Вы все равно должны иметь возможность использовать базовую библиотеку JavaScript jQuery (включенную в шаблон HTML5) вместе с Sencha Touch.