Responsive and Fluid Web Design

Responsive Web Design: What It Is and How To Use It

This is a great article about how it works and different ways to implement responsive design using css

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

A List Apart: Articles: Responsive Web Design

http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/

Tips for media queries

http://www.webdesignerwall.com/tutorials/css3-media-queries/

Different Stylesheets for Differently Sized

Browser Windows

http://css-tricks.com/resolution-specific-stylesheets/

JavaScript ie media queries

http://protofunc.com/scripts/jquery/mediaqueries/

Rethinking the Mobile Web by Yiibu

http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu#postComment

Testing media style sheets

http://protofluid.com/

Fluid Images

This article is about fluid or resizing images that resize with the website.

http://unstoppablerobotninja.com/entry/fluid-images

How to Size Text in CSS

About using em

http://www.alistapart.com/articles/howtosizetextincss/

http://clagnut.com/blog/348/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s