Гайд по созданию мобильной версии сайта?

Question

[dima_smol]

Подскажите, что и где почитать про правильную верстку для мобильных устройств (в основном интересует iOS и Android), какие особенности есть, подводные камни.

Answer 1

[DevArt]

Ну, в сети в общем-то много статей… Посмотрите хотя бы эту.

Comments

[dima_smol]

в статье про разные тулзы, а меня больше интересуют особенности верстки.
но за ссылку всё равно спасибо

Answer 2

[XaBoK]

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

Едиственное, что нужно помнить, то что user-agent Android/iPhone — ещё ничего не говорит о браузере, так как может стоять какая-нибудь Opera без всякой поддержки HTML5.

В основ подводные камни — поддержка старых устройств, но так как у вас они вроде не в приоритете, то и проблем быть не должно.

Answer 3

[mrk-andreev]

Была одна статья, надеюсь подойдет. В ней рассматривают следующие вопросы:

• Создание иконки приложения (как сделать так, чтобы она отображалась)
• Полноэкранный режим
• Скрытие статус-бара
• Отключение зума
• Картинка загрузки (splash image)
• Ориентация экрана
• Избавляемся от эластичного скролла
• Определение iOS
• Инструменты, библиотеки

Answer 4

[ZaiSL]

Не только про вёрстку, но может быть полезно:
Фреймворки
Building Android Apps with HTML, CSS, and JavaScript
Building iPhone Apps with HTML, CSS, and JavaScript
Tutorials for Making Your Website Mobile Friendly
Еще мобильный фреймворк
и еще

Answer 5

[roma-pokerslayer]

Вот почитайте тут подробнее про основные моменты на этапе проектирования мобильной версии страниц сайта, потом посмотрите на основные требования и рекомендации от Гугл и гляньте еще это