1 of 1 people found the following review helpful
on 21 August 2012
Last year the sale of mobile devices and smart phones overtook the computer and desktop market and its inevitable that the largest channel for accessing the internet is going to be through a smart phone or hand held device like the Ipad. Mobile technology is developing at an almost exponential pace. Also with Adobe killing off Mobile Flash, focus in future will be on HTML5 as the mobile world shifts towards non-proprietary open standards.
This can be a mild headache for designers wanting to design sites which can be accessed on any device. Users no longer just browse the web with their laptops or desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. How can you design a site or web application that is future proof? Luckily as a designer you don't need to target each device or browser individually. Responsive websites working with HTML5 and CSS3s new media queries are one solution, but not all mobile devices are compatible with CSS media queries, specially the older devices.
Thankfully another option that has just been released is jQuery Mobile. A touch-Optimized Web Framework for Smartphones & Tablets. As the JQuery Mobile website claims, JQuery Mobile is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded web site or application that will work on all popular smartphone, tablet, and desktop platforms. Its also great that JQuery mobile comes with CSS style sheets and icons built into the package.
Recently I got my hands on jQuery Mobile Web Development Essentials A new book written by Raymond Camden and Andy Matthews; just released by PACKT publishing. The Book is split over 13 chapters and covers the use of the jQuery mobile library for modifying web sites to specifically target mobile devices. The book succinctly explain how to create mobile-optimized sites by adding the JQuery framework to your HTML pages inorder to create rich, mobile-optimized web pages with minimal effort.
The first few chapters in the book work through the core JQuery Mobile concepts. The book begins with showing you how to take an existing HTML web page and enhance it with jQuery Mobile. The book introduces data attributes and, with clear practicle examples, shows you how jQuery Mobile makes use of data attributes to enhance your pages. Subsequent chapters show you how to work eith multiple mobile pages, using headers, footers and toolbars, enhancing lists and eventualy by chapter 5 you combine all of these concepts to build a simple sample application. Later chapters work with forms, events and styling. Finally the book shows you how to build more sophisticated applications that make use of HTML5 local storage, and how to use custom themes and icons to skin your application. Finally you learn how to build a RSS reader app and learn the RSS features.
If you are a novice to JQuery Mobile, this is a good book to get to get started with. The only criticism I have is that most of the information, specially in the beginning chaptes can be easily found in the JQuey Mobile documentation. Also It would have been nice if the chapter on working with forms also covered form validation. If you have not worked with JQuery Mobile before and prefer to read a book rather than wade through the JQuery mobile documentation, then this is a good starting book.
You can find the Books code repository on github here: [...]