Chapter 7

Creating Themable Designs

jQuery Mobile has a built-in theming framework that allows designers to quickly customize or re-style their user interface. The theming framework takes advantage of many CSS3 features, which helps build more elegant and responsive designs. For instance, by leveraging CSS3, the theming framework is able to apply rounded corners, shadows, and gradients without having to rely upon images. This is a performance advantage in that the framework can provide a more attractive interface without the overhead of extra HTTP requests. Essentially, we have a lightweight theming framework that renders a unified design across all browsers.

In this chapter, we will discuss the basics of the theming framework and review the ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.