Category: 1. Why jQuery Mobile?

In this chapter, we reviewed the important features that make jQuery Mobile unique:

jQuery Mobile apps are 508 compliant by default, a characteristic that is valuable to anyone.4 In particular, government or state agencies require their applications to be 100% accessible. Furthermore, mobile screen reader usage is rising. According to WebAIM5, 66.7% of screen reader users use the screen reader on their mobile device. __________ 4 508 Compliance is…

jQuery Mobile supports a themable design that allows designers to quickly re-style their UI. By default, jQuery Mobile provides five themable designs with the flexibility to interchange themes for all components including page, header, content, and footer components. The most useful tool for creating custom themes is ThemeRoller3. Restyling a UI takes minimal effort. For…

A jQuery Mobile UI will render responsively across different display sizes. For example, the same UI will display appropriately on phones (see Figure 1–9) or larger devices such as tablets, desktops, or TVs (see Figure 1–10). Figure 1–9. Phone Display Figure 1–10. Tablet/Desktop/TV Display The Build Once, Run Anywhere Myth Is it possible to build a single application that…

A jQuery Mobile UI will render responsively across different display sizes. For example, the same UI will display appropriately on phones (see Figure 1–9) or larger devices such as tablets, desktops, or TVs (see Figure 1–10). Figure 1–9. Phone Display Figure 1–10. Tablet/Desktop/TV Display The Build Once, Run Anywhere Myth Is it possible to build a single application that…

jQuery Mobile will render the most elegant user experience possible for a device. For example, look at the jQuery Mobile switch control in Figure 1–7. This is the switch control on an A-Grade browser.1 __________ 1 An A-Grade browser supports media queries and will render the best experience possible from jQuery Mobile CSS3 styling. Figure 1–7. A-Grade Experience…

jQuery Mobile pages are styled with HTML5 markup (see Listing 1–1.). Aside from the new custom data attributes introduced in HTML5, everything should appear very familiar for Web designers and developers. If you are already familiar with HTML5 migrating to jQuery Mobile should be a relatively seamless transition. In regards to JavaScript and CSS, jQuery Mobile…

jQuery Mobile delivers a unified user interface by designing to HTML5 and CSS3 standards. Mobile users expect their user experience to be consistent across platforms (see Figure 1–3, Figure 1–4, Figure 1–5). Conversely, compare the native Twitter apps on both iPhone and Android. The experience is not unified. jQuery Mobile applications remedy this inconsistency, providing a user experience…

jQuery Mobile applications are universally accessible to all devices with a browser. This is a favorable reach advantage to jQuery Mobile’s distribution model (see Figure 1–1). Nearly every mobile device ships with a browser. If your app is universally accessible to this broad spectrum it is a major competitive advantage. The following is a complete listing…