O'Reilly logo

Web Design with HTML and CSS Digital Classroom by AGI Creative Team, Jennifer Smith, Jeremy Osborn

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

web11.psd

Lesson 11: Mobile Design

For the web designer, the World Wide Web is no longer just accessible through a desktop web browser. In this lesson, you will learn how to design for the small screen sizes and limited bandwidth capabilities of mobile devices.

What you’ll learn in this lesson:

• The challenges of designing for mobile devices

• Using CSS3 media queries

• Converting a fixed width layout to a single column layout

Starting up

You will work with several files from the web11lessons folder in this lesson. Make sure you have loaded the weblessons folder onto your hard-drive from www.digitalclassroombooks.com/webdesign. See “Loading lesson files” in the Starting Up section of this book.

video11.ai

See Lesson 11 in action!

Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. You can find the video tutorial for this lesson at www.digitalclassroombooks.com using the URL provided when you registered your book.

PushPin_Shadow.tif
PushPin_PMS179-1c.psd

This lesson uses the TextWrangler text editor to create the markup text, but you can use any of the text ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required