CODEWITHSUNDEEP
csshtmlmobile
Sio
Sio

Reputation: 1441

Current best methods for targeting multiple screen sizes

I'm looking for some articles on creating a website for multiple screen sizes - e.g. desktop, iPad, iPhone, other mobile device. With this area moving so fast, it's hard to know if what I've been reading is several "best practices" behind or not. Can anyone point me in the right direction?

Upvotes: 4

Views: 2247

Answers (4)

Dan
Dan

Reputation: 10351

I have found these three articles to be an excellent resource for building responsive, fluid, multi-device websites:

A-List Apart article on Fluid Grids:
http://www.alistapart.com/articles/fluidgrids/

Smashing Magazine article on Responsive web Design (references A-List Apart's article on same subject):
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

And, Smashing Magazine's '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/

Upvotes: 2

Thomas Shields
Thomas Shields

Reputation: 8942

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

Upvotes: 0

Caleb Irie
Caleb Irie

Reputation: 358

This is my favorite article on the this sort of thing.

From A List Apart: http://www.alistapart.com/articles/responsive-web-design/

Upvotes: 1

Demian Brecht
Demian Brecht

Reputation: 21368

Check out W3C's Mobile Web documentation.

Upvotes: 2

Related Questions