Розробка веб-додатків для iPad, iPhone та iPod, HTML та CSS
Розробка веб-додатків для iPad, iPhone та iPod
Сьогодні я хочу зробити короткий огляд того, що дозволяє робити мобільний сафарі на айДевайсах, які інструменти є в руках веб-розробників і як застосовувати ці інструменти.
Наше завдання – вміти такі програми робити, адже ми дуже любимо наших користувачів, правда?
Як ви вважаєте, чи напишу я в майбутньому статтю на кшталт “Оптимізація сайту для iPod Shuffle та Nano”?
Матеріал цієї статті застарітиме, бо майже щотижня виходить якась нова бібліотека для зворушливих девайсів. Тому я її доповнюватиму в міру надходження будь-якої нової інформації.
Додаток значок
Задається іконка так:
З появою четвертого айфону та айПаду, вимога до цієї іконки змінилася - тепер вона має бути розміром 114x114 для айфона або 72x72 для айпада. Загалом розмір цієї іконки може бути і більше, сафарі самостійно стисне до потрібного дозволу і додасть "скляність" іконці. Якщо скляність іконці не личить, тоді замість apple-touch-icon слід прописувати apple-touch-icon-precomposed:
Повноекранний режим
Приховуємо статус-бар
Для того, щоб змінити статус-бар, використовується мета-тег apple-mobile-web-app-status-bar-style
content тут може бути один із трьох варіантів - default, black або black-translucent.
Відключаємо зум
Для керування зумом використовується мета-тег viewport. Вимикаємо можливість зумити:
Зображення завантаження (splash image)
Якщо така картинка не буде задана, то при відкритті програми буде показаний скріншот останнього стану програми.
Картинка має бутиточно наступних розмірів (інакше пристрій його не прийме):
[offtop] Єгор зараз у команді, яка працює над чудовим проектом Букмейт (у мене ще є пара інвайтів, можу вислати). Для читання на айДевайсах там є непоганий веб-додаток. хоча його можна значно поліпшити.
Інструменти для малювання інтерфейсів, вайрфреймів та прототипування
Спочатку мені подобається інтерфейс накидати на папері. За бугром немає проблеми придбати блокнот для цієї мети. І знайти їх немає проблем.
А поки що для домашніх потреб пропоную використати роздруківки.
Для прототипування онлайн можу запропонувати дві програми
MockingBird
iPhoneMockup
Натхнення
Парк додатків для айДевайсів постійно росте. І часто можна знайти якесь цікаве рішення в інтерфейсі. Всі програми не переглянеш, але цікаві ідеї можна знайти на Ембері. Саме по айПаду тут.
Ну а безперечно найкращий спосіб надихнутися - це отримати приз від Тимчасово ;)
Автор: Євген Білодєд
Співзасновник Тимчасово. Займається проектуванням інтерфейсів, клієнтським та серверним програмуванням у компанії Comet Technologies.
Розкажіть друзям
Коментарі — 67
Вони не практичні, зараз htc почав розробляти нову систему андроїд, набагато швидше і практичніше.
а потім реалізуєте те саме за допомогою іншої речі: iScroll