Create A Split Or Tablet View With jQuery Mobile And Media Queries

Anthony James —  February 17, 2012

How do you make a split view in jQuery Mobile, much like the jQuery Mobile docs? Easy! In fact this screencast will walk you through the process of using CSS media queries to create a jQuery Mobile split view. Media Queries are useful when it comes to determining the layout of a site or app, and are used in responsive web design. They give you the ability to build one site or app for multiple screens at a single time and our jQuery site will show you how it’s done.




Related posts:

  1. How to use jQuery Mobile Grid Layout
  2. Creating a dashboard view with jQuery Mobile
  3. jQuery Mobile Forms Part 2
  4. Create An Add To Home Screen Popup For HTML5 Or jQuery Mobile
  5. Hack: Creating A Tablet Split View For jQuery Mobile

Anthony James

Posts Twitter Facebook

Anthony is a Web Software Developer & Linux Systems Engineer. With 11 years of experience in these fields. He is also the founder and main contributor at Pinehead.tv. He is passionate about passing on his technical knowledge through training and educating others.

2 responses to Create A Split Or Tablet View With jQuery Mobile And Media Queries

  1. Thanks for this fast and to the point screencast. I was wondering how the splitview was done on the JQM site .. now I know it.

Trackbacks and Pingbacks:

  1. jQuery Mobile Development Guide | Pinehead.tv - May 18, 2012

    [...] Create A Split Or Tablet View With jQuery Mobile And Media Queries [...]