Compare Revisions

Resources

Revision 299089:

Revision 299089 by caroline on

Revision 302597:

Revision 302597 by caroline on

Title:
Resources
Resources
Slug:
Apps/Design_Guidelines/Resources
Apps/Design_Guidelines/Resources
Content:

Revision 299089
Revision 302597
nn7    <h2>
8      Web App Guide
9    </h2>
n8      coming soonn11      <a href="http://www.html5rocks.com/webappfieldguide/toc/ind
 >ex/" title="http://www.html5rocks.com/webappfieldguide/toc/index/
 >">Appward's Field Guide to Web Apps</a><br>
12      <a href="http://gettingreal.37signals.com/toc.php" title="h
 >ttp://gettingreal.37signals.com/toc.php">Getting Real - The smart
 >er, faster, easier way to build a successful web application</a>,
 > by 37signals
tt14    <h2>
15      Responsive Design
16    </h2>
17    <h3>
18      Overviews
19    </h3>
20    <ul>
21      <li>
22        <a class="external" href="http://www.alistapart.com/artic
 >les/responsive-web-design/" title="http://www.alistapart.com/arti
 >cles/responsive-web-design/">Responsive Web design</a>, by Ethan 
 >Marcotte
23      </li>
24      <li>
25        <a class="external" href="http://coding.smashingmagazine.
 >com/2011/01/12/guidelines-for-responsive-web-design/" title="http
 >://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsi
 >ve-web-design/">Responsive Web design: What it is and how to use 
 >it</a>, by Kayla Knight
26      </li>
27      <li>
28        <a class="external" href="http://www.lukew.com/ff/entry.a
 >sp?1436" title="http://www.lukew.com/ff/entry.asp?1436">Multi-dev
 >ice Web design: an evolution</a>, by Luke Wroblewski
29      </li>
30      <li>
31        <a href="http://css-tricks.com/notes-agency-starting-thei
 >r-first-responsive-web-project/" title="http://css-tricks.com/not
 >es-agency-starting-their-first-responsive-web-project/">Notes to 
 >an Agency Starting Their First Responsive Web Project</a>, Chris 
 >Coyier
32      </li>
33    </ul>
34    <h3>
35      Techniques
36    </h3>
37    <ul>
38      <li>
39        <a href="https://developer.mozilla.org/en/CSS/Media_queri
 >es" title="CSS media queries">CSS media queries</a> reference pag
 >e
40      </li>
41      <li>
42        <a class="external" href="http://css-tricks.com/6731-css-
 >media-queries/" title="http://css-tricks.com/6731-css-media-queri
 >es/">CSS media queries and using available space</a>, by Chris Co
 >yier
43      </li>
44      <li>
45        <a class="external" href="http://www.maxdesign.com.au/art
 >icles/liquid/" title="http://www.maxdesign.com.au/articles/liquid
 >/">Liquid layouts the easy way</a>, by Russ Weakley
46      </li>
47      <li>
48        <a class="external" href="http://unstoppablerobotninja.co
 >m/entry/fluid-images/" title="http://unstoppablerobotninja.com/en
 >try/fluid-images/">Fluid images</a>, by Ethan Marcotte
49      </li>
50      <li>
51        <a class="external" href="http://www.smashingmagazine.com
 >/2011/07/22/responsive-web-design-techniques-tools-and-design-str
 >ategies/" title="http://www.smashingmagazine.com/2011/07/22/respo
 >nsive-web-design-techniques-tools-and-design-strategies/">Respons
 >ive Web Design Techniques, Tools and Design Strategies</a>, by Sm
 >ashing Editorial Team
52      </li>
53    </ul>
54    <h3>
55      Examples &amp; Patterns
56    </h3>
57    <ul>
58      <li>
59        <a href="https://developer.mozilla.org/en-US/demos/devder
 >by/2011/october" title="https://developer.mozilla.org/en-US/demos
 >/devderby/2011/october/">DevDerby demos of CSS media queries</a>
60      </li>
61      <li>
62        <a class="external" href="http://designshack.net/articles
 >/css/20-amazing-examples-of-using-media-queries-for-responsive-we
 >b-design" title="http://designshack.net/articles/css/20-amazing-e
 >xamples-of-using-media-queries-for-responsive-web-design">20 Amaz
 >ing examples of using media queries for responsive Web design</a>
 >, by Joshua Johnson
63      </li>
64      <li>
65        <a class="external" href="http://designmodo.com/responsiv
 >e-design-examples/" title="http://designmodo.com/responsive-desig
 >n-examples/">Responsive Web design: 50 examples and best practice
 >s</a>
66      </li>
67      <li>
68        <a href="http://mediaqueri.es/" title="http://mediaqueri.
 >es/">Media Queries Gallery</a>
69      </li>
70      <li>
71        <a href="http://www.lukew.com/ff/entry.asp?1514" title="h
 >ttp://www.lukew.com/ff/entry.asp?1514">Multi-Device Layout Patter
 >ns</a>, by Luke Wroblewski
72      </li>
73      <li>
74        <a href="http://www.lukew.com/ff/entry.asp?1569" title="h
 >ttp://www.lukew.com/ff/entry.asp?1569">Off Canvas Multi-Device La
 >youts</a>, by Luke Wroblewski
75      </li>
76    </ul>

Back to History