Chapter 10. Mobile Templates and Libraries


  • Learning about popular mobile HTML and CSS templates

  • Reviewing emerging JavaScript frameworks for high-end mobile devices

Chapter 9 rallied against using site and user interface design that mimics one particular device's operating system or native applications. Having said that, this book probably has been guilty of such an approach itself! Chapter 6 represented various approaches to information architecture by mocking up navigational screens on the iPhone emulator, and the templates you used looked much like the iPhone user interface itself.

In fact, many client libraries are available for building mobile user interfaces and applications, both from open-source and commercial providers. These normally comprise markup templates, CSS, and JavaScript files that provide a quick and elegant way to style a website in a mobile-appropriate fashion. Many of these focus on the high-end, touch-screen market (again, inspired by the iPhone itself), and some do ship default iPhone-like themes. However, this list is not exhaustive and a number of exciting developments are taking place in this area — especially as the prevalence of high-end smartphones increases.

In this section, you will briefly look at some of the major templates and libraries; each can be a valid starting point for the design of a professional-looking mobile website. They come in three main broad categories:

  • Markup and style sheets: By providing common markup structures ...

Get Professional Mobile Web Development with WordPress®, Joomla!®, and Drupal® now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.