RESOURCES

Making

Community

• http://highlowtech.org/
• http://dieterrams.tumblr.com/
• http://www.techshop.ws/
• http://www.instructables.com/

  Tools

• https://www.arduino.cc/
• https://www.sparkfun.com/
• https://www.adafruit.com/
• http://www.makershed.com/products/make-electronics-2ed
• http://fritzing.org/home/

  Inspiration

• http://dieterrams.tumblr.com/
• Brendan Dawes
• Dominic Wilcox
• http://bringjoy.ideo.com/

  Adorable Old Stuff

• http://future-forms.com/

  Electronics Info

• http://electronicsclub.info/

Typography

General References

• http://www.thinkingwithtype.com/
• http://typedia.com// A Shared Encyclopedia of Typefaces
• https://www.typewolf.com/
• http://fontsinuse.com/

  Free Type sites

• https://www.theleagueofmoveabletype.com/
• http://hellohappy.org/beautiful-web-type/
• https://www.fontsquirrel.com/

  Not-Free Type sites

• https://www.myfonts.com/

  Fun stuff

• http://www.typeconnection.com/
• http://type.method.ac/
• https://www.pinterest.com/thinkmule/vintage-signs/ Vintage Signs

Web Design

Tools that help you build sites

• http://cargocollective.com/
• https://getkirby.com/* This site is built on kirby
• https://www.squarespace.com/
• https://wordpress.com/

  Prototyping Tools

• Balsamiq Wireframe like a boss.
• InvisonApp Link those wireframes like a boss.

  Code Reference

• HTML5 Doctor
• CSS Tricks
• Eloquent JavaScript
• Web Platform
• JAVASCRIPT RESOURCE MANUEL
• FireBug App
• Google Hosting Libraries** Link to these instead of loading common scripts, like JQuery to your server to save page-loading time.
• JQuery UI
• Modernizr
• HTML5: Structure, Syntax, and Semantics with James Williamson.
• HTML5 uses content models.
• HTML5 Outliner helps you test out your pages to see how hierarchy is forming from your code.
• HTML5 SPEC Document