Implement responsive design with jQuery Mobile and CSS3

Create web page layouts that adapt to each user's screen resolution

From the developerWorks archives

Kris Hadlock

Date archived: February 13, 2018 | First published: April 24, 2012

On its own, the jQuery Mobile framework is a great solution for quickly creating an accessible, HTML5 markup-driven mobile website. When paired with CSS3, things really get interesting, as it becomes possible to create web page layouts that respond to a user's device based on the screen resolution. This article shows how to use the jQuery Mobile framework and CSS3 media queries to implement responsive design in your web pages.

This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some content, steps, or illustrations may have changed.



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Mobile development, Web development
ArticleID=811796
ArticleTitle=Implement responsive design with jQuery Mobile and CSS3
publish-date=04242012