Summary
In this chapter, we reviewed the usefulness of jQuery Mobile's grid-based design and saw how quickly we can style content within our grid template (see Listing 6–1). The jQuery Mobile grid is an ideal solution for content that needs to be responsive and grouped into sections. Our grids can contain any content and we saw several examples of grids styled with text, icons, and graphics.
We also reviewed collapsible content blocks and discussed their advantages when compared to an inline page structure. Collapsible blocks can be an effective usability pattern because they help display all content within a single view and they help eliminate scrolling from the user experience. As a result, the users' experience with the app will be more efficient. ...
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.
