Как сделать, чтобы веб-приложение для iPhone имитировало не веб-приложение?

Question

Я думал о создании небольшого веб-приложения для iPhone.

Я начал читать и экспериментировать со специальными метатегами и атрибутами, описанными в Центр разработки веб-приложений Apple :

• 1008 * окна просмотра *
• яблоко мобильных веб-приложений с поддержкой
• яблоко мобильных веб-приложение-статус-бар в стиле
• -webkit-граница радиуса
• -webkit-граница-изображение
• автозамены
• autocapitalize
• яблоко-сенсорный значок
• -webkit-текст-размер-регулировки

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

Затем я наткнулся на проект Джо Хьюитта iUI .

У него две впечатляющие демонстрации:

• Демонстрация музыки
• Digg Demo

Есть ли альтернативные библиотеки, руководства или другие ресурсы, которые я должен использовать?

Answer 1

После тестирования нескольких фреймворков для веб-приложения iphone, я думаю, JQTouch - лучший

Answer 2

Проверьте библиотеку iUI- http://code.google.com/p/iui/:

Основываясь на навигационной работе Джо Хьюитта на iPhone, iUI обладает следующими функциями:

• Создание навигационных меню и интерфейсов iPhone из стандартного HTML
• Использование или знание JavaScript не требуется для создания основных страниц iPhone
• Возможность обрабатывать изменения ориентации телефона
• Обеспечение более "похожего на iPhone" взаимодействия с веб-приложениями (на iPhone или без него)

Answer 3

Я думаю, что лучший фреймворк для iPhone Web App - jQTouch http://www.jqtouch.com/ Это плагин для jQuery. Вы можете проверить приложение Showtime, созданное jQTouch.

Answer 4

12 февраля 2010 г. Эндрю Флоккини из theappleblog.com написал руководство по созданию форм веб-сайтов, оптимизированных для iPod Touch, iPhone и iPad, используя пакет iWebKit .

изменение поля имени и пароля http://gigapple.files.wordpress.com/2010/02/namechage.png?w=570&h=202

Инструкции: создание веб-приложения для iPhone

Answer 5

Вы смотрели веб-сайт iPhoneWebDev ?

Также ознакомьтесь с книгой Профессиональное программирование для iPhone и iPod touch: создание приложений для мобильного Safari . Автор Richard Wagner.

Answer 6

Помимо необычных эффектов, которые можно реализовать в большинстве библиотек, таких как scriptaculous и т.д. Действительно простая история ", чтобы найти подходящую библиотеку для использования в этом случае.

Также вы можете взглянуть на это, если используете jQuery: http://plugins.jquery.com/project/iphone

Answer 7

Взгляните на Swipy.js. Мне не понравилось, как работали эти фреймворки, поэтому я сделал это, включив в себя другие замечательные проекты:

• Modernizr
• jquery.transit
• Hammer.js
• FastClick
• Waypoints.js (не для прокрутки)
• Fontello / FontAwesome

Он постепенно улучшается с помощью Modernizr, добавляет плавные переходы с помощью jquery.transit, добавляет навигацию назад и вперед по краям с помощью Hammer.js, добавляет FastClick для нажатий, решает внутренние ссылки с путевыми точками и имеет красивую навигационную панель с иконками FontAwesome. *

Наслаждайтесь:)