Using CSS3 media queries we can target a host of devices and browser settings. The mobile web has adjusted into a huge market where more people are accessing the Internet via phones and tablets. This trend is not slowing down, and in fact many web designers are jumping on board to see what all the fuss is about.

In this tutorial I’d like to introduce a few of the concepts behind mobile design. We’ll create a basic list view page with a top title bar and some navigation links. This can be coded in straight HTML/CSS and requires no JavaScript to function. Take a look at my demo below, and feel free to grab the tutorial source code as well.