Creating Themable Designs

Abstract

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.