Collective #102
Inspirational Website of the Week: 100 Years of Design | AIGA
![Collective102_aiga](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_aiga.png?x86293)
The American Institute of Graphic Arts, AIGA, turns 100 this year and they are celebrating with an outstanding website full of beauty and great effects.
Get inspiredA re-introduction to JavaScript
![Collective102_reintrojs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_reintrojs.png?x86293)
An in-depth tutorial on MDN that re-introduces JavaScript as a powerful language for web applications.
Read itLessMilk
![Collective102_lessmilk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_lessmilk.png?x86293)
Thomas Palef wants to learn how to make HTML5 games. Follow him on his learning journey and see him creating a new game every week. He already created seven games so far.
Check it outOne Solution To Responsive Images
![Collective102_responsiveimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_responsiveimages.png?x86293)
Gavyn McKenzie explains what responsive image solution is implemented at Etch's portfolio website in this insightful Smashing Magazine article.
Read itFacebook's Paper photo tilt feature in HTML5
![Collective102_tilt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_tilt.png?x86293)
John Tregoning created a HTML5 clone of the photo tilt feature found in Facebook's Paper app.
Check it outWOW.js
![Collective102_wow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_wow.png?x86293)
WOW.js is another great library for revealing animations on scroll with some easy to customize features. Made by Matt Aussaguel.
Check it outCSS A/Z
![Collective102_cssaz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_cssaz.png?x86293)
An entirely HTML/CSS animated sketch for each letter made every day for 26 days.
Check it outBouncy Balls
![Collective102_bouncyballs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_bouncyballs.png?x86293)
Want to bounce some balls with sounds? Bouncy Balls is a fun way to visualize music or monitor sounds. Made by Paule Neave.
Check it outSimple Grids with CSS Multi-Column Layout
![Collective102_simplegrids](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_simplegrids.png?x86293)
See the magic of CSS multi-column layouts at work in this this menu example by David Bushell.
Read itCreating a Simple RESTful Web App with Node.js, Express, and MongoDB
![Collective102_nodemongoexpress](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_nodemongoexpress.png?x86293)
In this more advanced tutorial by Christopher Buecheler, you'll learn how to create aRESTful web app with Node.js, Express, and MongoDB.
Read itOctocard
![Collective102_octocard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_octocard.png?x86293)
Octocard is a highly flexible GitHub info card for every GitHub lover made by MZhou.
Check it outCreditly.js
![Collective102_creditly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_creditly.png?x86293)
An intuitive and ease to customize credit card form including two themes made by John J. Wang.
Check it outLemanz
![Collective102_Lemanz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_Lemanz.jpg?x86293)
A starting point for all of Dennis Gaebel's personal and work-related projects using Sass and Compass.
Check it outFree Font: Tesla
![Collective102_tesla](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_tesla.png?x86293)
A wonderfully creative font inspired by amazing Nikola Tesla's work. Designed by Lexi Griffith.
Get itApp Wireframes Kit
![Collective102_appwireframes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_appwireframes.png?x86293)
A great app wireframe kit for starting designing new projects. Made by Vlad Cristea.
Get itCasual
![Collective102_casual](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_casual.png?x86293)
Casual is a fake data generator for JavaScript made by Egor Gumenyuk.
Check it outReading Fonts for Children
![Collective102_readingfontschildren](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_readingfontschildren.png?x86293)
Learn what typeface is suitable for projects that are targeted to children in this excellent article.
Read itCombining Contextual Inquiry with Eye Tracking
![Collective102_eyetracking](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_eyetracking.png?x86293)
Learn how contextual inquiry together with eye tracking can help improve design decisions in this interesting article by James Breeze.
Read itDesigning for Easy Interaction
![Collective102_easyinteraction](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/02/Collective102_easyinteraction.png?x86293)
An excerpt from Chapter 5 of A Web for Everyone: Designing Accessible User Experiences by Sarah Horton and Whitney Quesenbery over at A List Apart.
Read it