Site-building Resources

Modernizr

http://modernizr.com/

H5BP

http://html5boilerplate.com/

Compass/Sass

http://sass-lang.com/

http://compass-style.org/

Prefix-free

http://leaverou.github.com/prefixfree/

jQuery

http://jquery.com/

Lab JS

http://labjs.com/

My Gists

http://gist.github.com/nwalton3

Mobile First (Anything-outside-the-ordinary first)

• Assume small screen / slow connection
• Use semantic HTML, which also makes the content future-friendly and accessible
• Strategy of progressive enhancement to get to full-feature site
• Add polyfills and fallbacks to account for must-have features at certain sizes

Responsive web

Design

Responsive Layout Patterns

http://www.lukew.com/ff/entry.asp?1514

Responsive Nav Patterns

http://bradfrostweb.com/blog/web/responsive-nav-patterns/

Media Queries and Flexible Grids

Responsive Web Design

http://www.alistapart.com/articles/responsive-web-design/

Images

Adaptive images

http://adaptive-images.com/

Fluid images

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

SVG

http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/ s Works great as background image