JQuery Mobile, pierwszy kontakt

JQuery Mobile, pierwszy kontakt

Urządziłem sobie w dwa popołudnia lekcję jQuery Mobile. Bo teraz jest taka moda na smartfony, erę post-pc i inne takie, pomyślałem że fajnie to znać na przyszłość. No i będzie okazja do autoreklamy.

Na warsztat wziąłem stronę internetową Tawerny Korsarz. Zrobioną we flashu. Strona w oryginale udaje mapę, zawiera proste efekty ale jest niewygodna w obsłudze. Na telefonie/tablecie/iMydelniczce – ekhem… tragedia.

Oryginalna witryna dociąga sobie we flashu dane z serwera, ze skryptu PHP. Parsuje je odpowiednio i obleka w pseudokontrolki. Naskrobałem więc skrypt, który zrobi coś podobnego ale z zachowaniem współczesnych standardów.

Efekt prezentuje się jak na screenshotach. Testowałem pod chrome na desktopie, a z mobilków – pod firefoksem i dolphinem na CM7 komórce oraz na ICS na tablecie. Witryna na żywo dostępna pod adresem: http://rashell.pl/tawernakorsarz. Może komuś się przyda.

Konstruktywna krytyka mile widziana.

  • Fajne, nieźle działa na Samsung Galaxy Tab 7.0 Plus (ICS). Przy okazji, może da się jeszcze dorobić reakcję na poziomy swipe, żeby przełączało pomiędzy zakładkami koncerty/menu/aktualności? 😉 Taki mały challenge 😉

  • Jeden swipe udało mi się zaimplementować. Na zrobienie tego ad-infinitum jestem chyba za mało ogarnięty.