Share
Kim Cavanaugh
Technology Program Specialist

Responsive Design: Are You Ready?

Responsive design is the newest buzzword sweeping the field of web design. Som a few questions:

  • Are you ready to teach the techniques required for the next generation of presentational and coding methods?
  • Are you finding resources that help you teach these techniques?
  • What are the best resources you've found? (Please share!)
  • Are your students ready for these advanced techniques?
Ratings
5 / 5 • 2 Ratings

Comments (7)

Write a reply...
or Join for free to view all comments and participate in the discussion.

David Egbert

Posted on 7/24/12 7:25:29 PM Permalink

Let's start with a few sources of the concepts of Responsive Web Design:

Responsive Web Design

http://en.wikipedia.org/wiki/Responsive_Web_Design

Ethan Marcotte wrote an excellent book that kicked off concept and buzzword of Responsive Web Design. It's a very good read:

http://www.abookapart.com/products/responsive-web-design

Mobile First

Luke Wroblewski wrote a related book in optimizing websites for mobile technologies first to ensure that mobile users get the best experience. I highly recommend this book as well:

http://www.abookapart.com/products/mobile-first/

Jerrad Gleim

Posted on 7/24/12 5:34:53 PM Permalink

I am looking for resources too. Haven't had a chance to dive deeply into this yet but it's at the top of my list for this fall. Students need to be able to design for all the different screens out there. Building a website is no longer "one-size fits all" and unfortunately it's still being taught this way.

TJ Fletcher

Posted on 7/24/12 8:02:46 PM Permalink

I think it's still pretty important to know your audience and how they will most likely be connecting. It's pretty easy to design a very poor experience when trying to accomodate all possible sizes. Better to possibly start with a couple in mind, and develop in a way which will facilitate evolution of the site...than to try and do everything at once.

Kelly Kermode

Posted on 7/24/12 5:05:08 PM Permalink

I also am looking for resources to help with this concept.

Our students are so behind with regard to where the trends are going...

TJ Fletcher

Posted on 7/24/12 7:59:54 PM Permalink

Kelly, take a look at HTML5Boilerplate ( http://html5boilerplate.com/) or Blueprint CSS ( http://blueprintcss.org/). They offer great starting points for designing web sites using some best practices. The CSS files included contain media queries for getting started with the various screen sizes you might run into.

Mark DuBois

Posted on 7/24/12 4:36:10 AM Permalink

To build upon Kim's post - what are your thoughts about Dreamweaver CS6 implementation of the fluid grid layout? Do you find it easy to use? Why or why not?

TJ Fletcher

Posted on 7/24/12 7:55:38 PM Permalink