Most advanced multi-screen techniques

Question

I am looking for some articles about creating a website for several screen sizes - for example, a desktop computer, iPad, iPhone, other mobile device. Since this area is moving so fast, it’s hard to understand that what I read is a few “best practices” behind or not. Can someone point me in the right direction?

Answer 1

I found these three articles a great resource for creating responsive, responsive websites with multiple devices:

A-List Apart article on fluid networks:
http://www.alistapart.com/articles/fluidgrids/

Responsive web design article from Smashing Magazine (links to A-List Apart article on the same issue):
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

And, Smashing Magazine "How to Use Media Queries":
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Answer 2

Check out the W3C Mobile Web documentation.

Answer 3

This is my favorite article on such things.

From the list: http://www.alistapart.com/articles/responsive-web-design/

Answer 4

View CSS3 Media queries; http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html