Статьи

Недавно в разработке мобильных веб

В последнее время в мире мобильных веб-разработок было довольно много обновлений для некоторых из наших любимых инструментов и сред. В этом посте будет представлен краткий обзор некоторых наиболее важных обновлений PhoneGap, Sencha Touch и jQuery Mobile!


PhoneGap Logo

Команда Nitobi выпустила еще одну версию своего постоянно растущего инструмента. В этом выпуске много исправлений, а также плавный переход к пространству имен Cordova для фреймворка.

Большинство обновлений связано с исправлениями ошибок из версии 1.4.1 в нескольких платформе, особенно в Android. Я не могу сказать, что заметки о выпуске всегда полезны; они обычно имеют смысл, только если вы уже столкнулись с проблемой лично. Однако замечательно то, что проект быстро продвигается вперед и быстро устраняет возникающие проблемы.

Если вы посмотрите на заметки о выпуске , вы увидите много ссылок на «Переименование в Cordova». Возможно, вы также слышали, что Nitobi была приобретена компанией Adobe, и их основные проекты (например, PhoneGap и PhoneGap Build) стали частью программной основы Apache.

Итак, что такое Cordova и какое отношение это имеет к PhoneGap? Я слышал разные ответы на это. Многие случайные пользователи предполагают, что Cordova и PhoneGap — это одно и то же, и вскоре они объединятся в одно. Однако, это не так.

Цитируя Брайана Леру: «PhoneGap работает на Cordova. Подумайте: Webkit для Safari».

Другими словами, Cordova — это набор инструментов, который используется в проектах PhoneGap, но бренд PhoneGap никуда не денется.

Со временем проект PhoneGap добавил все больше и больше поддержки для различных платформ, и, хотя в этом выпуске отсутствуют новые функции, многие поддерживают более широкую поддержку WP7. Надеюсь, этот год станет годом новых приложений PhoneGap!

Не стесняйтесь проверить официальный веб-сайт Cordova для более подробной информации.


jQuery Mobile Logo

Команда jQuery Mobile движется быстро. Кажется, только вчера они сделали отметку 1,0. В RC 1.1 есть некоторые существенные изменения и дополнения, на которые вы могли бы обратить внимание, если вы в настоящее время работаете над проектом jQuery Mobile.

Для многих браузеров (тех, кто поддерживает position:fixed ) jQuery mobile теперь позволяет вам иметь действительно фиксированные панели инструментов, а не хакерскую фальшивую прокрутку JavaScript.

Истинные фиксированные панели инструментов: Для многих браузеров (тех, кто поддерживает position:fixed ), jQuery mobile теперь позволяет вам иметь действительно фиксированные панели инструментов, а не хакерскую фальшивую прокрутку JavaScript. Браузеры, которые не поддерживают position: fixed, получат статические панели инструментов, однако для желающих иметь старые фиксированные панели инструментов в не поддерживающих браузерах есть полифайл .

Фиксированные панели инструментов — не единственные новые функции в этом выпуске. Появились два новых перехода страниц (то есть поворот и поток), поддержка переходов в Firefox, более приятный и менее навязчивый загрузчик Ajax, поддержка jQuery 1.7.1 (предыдущие версии поддерживались только в 1.6.4) и мини-элементы формы для размещение элементов формы на панелях инструментов (например, ползунки, переключатели и т. д.). Флип-переключатель имеет новый, гораздо приятнее внешний вид, а также есть возможность выделить слайдер трек при скольжении.

Если вы не хотите, чтобы jQM улучшал элемент, теперь вы можете использовать атрибут data-enhance="false" . При использовании этого метода возникают некоторые проблемы с производительностью, поэтому стоит прочитать документацию по этому вопросу.

Наряду с этими функциями, поддержка платформы становится все лучше и лучше, поддержка A-Grade растет с каждым выпуском, а классы B и C становятся все меньше и меньше. Не забудьте проверить примечания к выпуску для получения дополнительной информации.


Сенча сенсорный логотип

Sencha Touch — это удивительный набор инструментов для создания мобильных приложений. С Sencha Touch 2 мы получаем новую версию фреймворка вместе с некоторыми замечательными новыми инструментами. Я еще не использовал новую версию Sencha Touch, но я углубился в некоторые документы и примеры кода, и мне действительно нравится то, что я вижу.

Скорость обработки и использование всего, что может предложить HTML5, представляется чрезвычайно важной для команды Sencha. Они представили что-то, что работает очень хорошо, и наряду с выпуском Sencha Touch 2 поставляется пара инструментов, которыми я очень рад пользоваться.

Sencha Designer 2 дает вам возможность перетаскивать элементы графического интерфейса при создании приложений, а Sencha Animator — это инструмент, помогающий создавать CSS-анимированные приложения.

Sencha Designer 2 предоставляет графический интерфейс перетаскивания для создания приложений. Некоторых может оттолкнуть его простота, и, хотя его возможности ограничены тем, чего вы можете достичь с его помощью, это инструмент для создания прототипов для небольших приложений. Хотя он все еще находится в бета-версии, он вполне может стать одной из причин, по которой многие разработчики предпочитают Sencha Touch больше всего.

Sencha Animator — еще один инструмент, недавно выпущенный для помощи в создании CSS-анимации и интерактивных приложений. Это должно помочь сделать создание прототипа с богатым внешним видом или даже добавить немного анимации в ваше приложение, но опять же я не уверен, насколько далеко будут расширяться инструменты. Самое замечательное, что вы всегда можете погрузиться в экспортированный код.

Сейчас Сенча уже летит, и я планирую посвятить некоторое время изучению их инструментов для создания мобильных приложений в этом году. С их новыми инструментами, документацией и отличными ресурсами для изучения Sencha, они устанавливают планку очень высоко!