Как запустить сайт с полнооконном режиме, так чтобы оно выглядело как iPhone приложение

Выглядет очень эффектно, когда вы можете запустить сайт, просто нажав на иконку на экране iPhone/iPad без панелей Safari.

Делается это очень просто:
1. Вставляем в HTML страницу

    <meta name="apple-mobile-web-app-capable" content="yes" />

2. Открываем Safari, заходим на сайт

3. Нажимаем на плюсик(+) в нижней панели Safari -> add to home screen

На экране рядом с другими иконками появится маленький скриншотик сайта в классичейкой айфоновской кнопочной обертке, нажав на которую получаем свой сайт с полнооконном режиме

Drag and Drop в iPhone/iPad

Drag and Drop сама по себе непростая задача, не говоря уже о том, чтобы реализовывать ее для iPhone/iPad. Так почему бы не упростить себе жизнь используя Drag Drop библиотеку от gotProject?


Синтаксис:
Назначаем элемент который будет таскать:

var D = new webkit_draggable('id_of_element', {options});

Убираем "таскабельность":

D.destroy();

События:
onStart,onEnd

Кроме того, можно "цеплять" другой элемент к тому, который уже таскается (handle),
возвращать на место таскаемый элемент (revert: true),
отслеживать пересечение элементов (onOver, onOut)




СКАЧАТЬ БИБЛИОТЕКУ

Видео на работает на iPhone/iPad. Что делать ?

Легким движением руки запихнув <VIDEO> в html страницу, и проверив работающее видео в Safari на своем ноутбуке, радостно идем пить кофе.

Но тут подходит шеф и говорит, что на iPad вместо видео он видит только большой черный квадрат.

Для того, чтобы шеф не мешал пить кофе, нужно сделать видео для iPhone/iPad - проще и быстрее всего сделать его с помощью iTunes.

1. Загружаем видео в iTunes ( File -> Add to Library )

2. Ищем наше видео в закладке Movies.

3. В верхнем меню ищем Advanced -> Create iPod/iPhone Version.

Вариант 2.
Лично я ненавижу iTunes, тупая и медленная софтина. Для перекодировки я использую супер програмку, которая вполне заслуженно так и называется  - SUPER.
iPad поддерживает видео в форматах .m4v, .mp4 и .mov, кодированное в стандарте H.264.
Открываем конвертор, выбираем тип контейнера mp4, затем выбираем видео кодек H.264. Добавляем в очередь файлы на декодирование, и в общем то все.

Как делать скриншоты на iPhone/iPad

1. Нажимаем и придерживаем верхнюю кнопку и одновременно нажимаем центральную большую мегакнопку.

2. Щелк - скриншот ищем в папке c фотографиями.

Как включть консоль в Safari? (iPhone/iPad)

Консоль, предложенная разработчикам компанией Аррle откровенно говеная. Все, что можно сделать в этом кастрированном инструменте - выводить сообщения и отслеживать ошибки. Выполнять код и работать с DOM не получится. Но включить ее все равно нужно.



Для этого:
1. Заходим в "Settings" -> Safari -> Developer
2. Включаем Debug Console (on)




iPad - это просто большой iPhone. В iPad включается так же.