Мобильная вёрстка

Небольшая шпаргалка для меня по верстке мобильных сайтов. Может кому-то еще пригодится.

HTML фреймворки

• Mobile Boilerplate (Beta) – мобильная версия популярной заготовки для верстки на HTML5

Небольшие JS фреймворки

• Jo HTML5 Mobile App Framework – Его можно отнести и к html. Пишем на JS разметку, функционал
• ChUI – Небольшой по размеру JS с необходимым минимумом для разработки. Jquery-синтакс
• ZeptoJS – Еще один небольшой JS с jquery-синтаксом
• iui -Позволяет быстро делать сайты в стиле iPhone приложений

Монструозные JS фреймоворки

• JqueryMobile – куда же без jQuery. Куча элементов на любые случаи жизни. Ajax и другие плюшки
• Sencha – еще один монстр для разработки приложений
• PhoneGap – Особенность его в том. Что пишем на HTML5 языке, потом конвертируем в нативное приложение. Плюсы этого метода в доступе к таким опциям как Contacts, Camera на iPhone. Минусы в том, что это уже приложение

Проверка отображения мобильного сайта

Перед тем как представлять страницы посетителям, во избежание всевозможных ошибок их необходимо проверить на валидность и протестировать в различных браузерах. В этом хорошо помогут on-line сервисы:

• Валидатор (X)HTML
• Валидатор CSS
• Тест мобильных страниц от ready.mobi
• Тест мобильных страниц от W3C
• Отечественный аналог ready.mobi waprady.ru
• Эмулятр браузера Opera Mini

Для проверки страниц, без выхода в интернет, на валидность прекрасно подходит браузер Mozila Firefox и плагин firefox_validator.xpi, а для эмуляции мобильных браузеров программа Wap Proof.
Так же рекомендуется проверять отображение страницы

• в стандартном браузере своего телефона
• с отключенными:
• • изображениями
  • CSS
  • изображениями и CSS