Responsive Design

We all love infographics: http://designinstruct.com/roundups/infographics-learn-responsive-web-design/

http://www.socialmediaexaminer.com/how-to-make-your-blog-mobile-friendly/

Responsively Retrofitting An Existing Site With RWD Retrofit

http://mobile.smashingmagazine.com/2013/03/18/retrofit-a-website-to-be-responsive-with-rwd-retrofit/

Another responsive design resource: http://webflow.com/

This would be good if you know some css but don’t want to write the code from scratch. It’s sort of a WYSIWYG editor online that exports the html and css for you. They have a live demo that you can play with.

Patterns in Responsive Design: http://www.lukew.com/ff/entry.asp?1514

A little more on “Off Canvas” design: http://jasonweaver.name/lab/offcanvas/

An article that sparked many things in 2010: http://alistapart.com/article/responsive-web-design (as many A List Apart articles do).

We use Foundation to prototype all our sites and run drafts by clients: http://foundation.zurb.com/

We use Bones to build out our themes from scratch: http://themble.com/bones/ (do read through his files, best markup of all time).

Sass (http://sass-lang.com/), Compass (http://compass-style.org/), and Susy (http://susy.oddbird.net/) make building responsive designs all kinds of easier.

http://www.browserstack.com/ for testing

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