Over a million developers have joined DZone.

How to Build a Mobile Panel with jQuery Mobile

· Mobile Zone

Visually compose APIs with easy-to-use tooling. Learn how IBM API Connect provides near-universal access to data and services both on-premises and in the cloud, brought to you in partnership with IBM.

A recent post by at hongkiat.com provides a complete tutorial on how to build a mobile panel using jQuery Mobile. Specifically, Firdaus models his mobile panel on the Facebook mobile app for iOS - particularly the left and right icons in the fixed menu that allow you to open up sidebars for more menu options - which is an ideal design for devices with limited screen real estate.

The tutorial covers all the requirements for implementing the panels, including HTML markup, CSS, and jQuery links, and no extra JavaScript is required, because everything needed is handled by the framework.

While it is a relatively straight-forward tutorial, it offers a simple way to get your app easily navigable and modern looking without having to put a lot of work in. It may be a common design, but in terms of user experience, it's an effortlessly usable design. If you're interested in a quick, clean, and space-efficient panel-based design for your app, check out the full post.


 

The Mobile Zone is brought to you in partnership with Strongloop and IBM.  Visually compose APIs with easy-to-use tooling. Learn how IBM API Connect provides near-universal access to data and services both on-premises and in the cloud.

Topics:

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}