Mockup m.b.v. jQuery Mobile

screenshot-jquery-mobile

Wat is jQuery Mobile

De makers van jQuery werken sinds een paar maanden aan jQuery Mobile.

“It’s a framework built on top of jQuery that provides a range of user interface elements and features for you to use in your mobile apps. jQuery Mobile uses the very best HTML 5 and CSS 3 features to provide the best possible experience in the most-capable browsers.”

Afgelopen jaar, op 12 november 2010 hebben de mannen van jQuery Mobile een tweede alfa versie uitgebracht – jQuery Mobile Alpha 2.

Mockup

De beste manier om jQuery Mobile te testen, is door er mee te werken.

De Mockup die ik geïmplementeerd heb, is gebaseerd op het boekingsproces van Mobility Mixx. Het huidige boekingsproces op de website is absoluut niet gebruikersvriendeljik. Hier valt een heleboel te verbeteren. Daarnaast zou een mobiele variant een welkome toevoeging zijn.

Demo

http://sandbox.juurlink.org/jquerymobile/simulator.html

Warning 1 – Effecten zijn het best te bekijken in Apple Safari of Google Chrome.
Warning 2 – Safari heeft af en toe moeite met de “Back” button.
Warning 3 – In Google Chrome werkt de pagina flip overgang niet goed.

Leave a Reply

Your email address will not be published. Required fields are marked *