Revision 445773 of Resources

  • Revision slug: Web/Apps/Design/Guidelines/Resources
  • Revision title: Resources
  • Revision id: 445773
  • Created:
  • Creator: kscarfone
  • Is current revision? Yes
  • Comment Editorial review

Revision Content

Web App Guide

Responsive Design



Examples & Patterns

Revision Source

<h2 id="Web_App_Guide">Web App Guide</h2>
  <li><a href="">Appward's Field Guide to Web Apps</a></li>
  <li><a href="">Getting Real - The smarter, faster, easier way to build a successful web application</a>, by 37signals</li>
<h2 id="Responsive_Design">Responsive Design</h2>
<h3 id="Overviews">Overviews</h3>
  <li><a href="">Responsive Web design</a>, by Ethan Marcotte</li>
  <li><a href="">Responsive Web design: What it is and how to use it</a>, by Kayla Knight</li>
  <li><a href="">Multi-device Web design: an evolution</a>, by Luke Wroblewski</li>
  <li><a href="">Notes to an Agency Starting Their First Responsive Web Project</a>, Chris Coyier</li>
<h3 id="Techniques">Techniques</h3>
  <li><a href="/en-US/docs/Web/Guide/CSS/Media_queries">CSS media queries</a> reference page</li>
  <li><a href="">CSS media queries and using available space</a>, by Chris Coyier</li>
  <li><a href="">Liquid layouts the easy way</a>, by Russ Weakley</li>
  <li><a href="">Fluid images</a>, by Ethan Marcotte</li>
  <li><a href="">Responsive Web Design Techniques, Tools and Design Strategies</a>, by Smashing Editorial Team</li>
<h3 id="Examples_.26_Patterns">Examples &amp; Patterns</h3>
  <li><a href="/en-US/demos/devderby/2011/october">DevDerby demos of CSS media queries</a></li>
  <li><a href="">20 Amazing examples of using media queries for responsive Web design</a>, by Joshua Johnson</li>
  <li><a href="">Responsive Web design: 50 examples and best practices</a></li>
  <li><a href="">Media Queries Gallery</a></li>
  <li><a href="">Multi-Device Layout Patterns</a>, by Luke Wroblewski</li>
  <li><a href="">Off Canvas Multi-Device Layouts</a>, by Luke Wroblewski</li>
Revert to this revision