Hour 15. Responsive Site Layout

What You’ll Learn In This Hour:

• Understanding responsive design

• How to use media queries

• How to build a responsive page

• How to change styles based on device orientation

Creating a site layout that is responsive is not necessarily something that everyone needs, but when used can create a better layout and user interface. A responsive site layout gives you the ability to build your site for both large and small screen devices while allowing just the right amount of screen space to be used. There are a few different methods that you can use to attain a responsive layout including CSS3 media queries. Let’s start by learning how to use them.

Appreciating Media Queries

A few years ago I was working on a project ...

Get Sams Teach Yourself jQuery Mobile in 24 Hours now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.