Collective #102
Inspirational Website of the Week: 100 Years of Design | AIGA
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
An in-depth tutorial on MDN that re-introduces JavaScript as a powerful language for web applications.
Read itLessMilk
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
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
John Tregoning created a HTML5 clone of the photo tilt feature found in Facebook's Paper app.
Check it outWOW.js
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
An entirely HTML/CSS animated sketch for each letter made every day for 26 days.
Check it outBouncy Balls
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
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
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
Octocard is a highly flexible GitHub info card for every GitHub lover made by MZhou.
Check it outCreditly.js
An intuitive and ease to customize credit card form including two themes made by John J. Wang.
Check it outLemanz
A starting point for all of Dennis Gaebel's personal and work-related projects using Sass and Compass.
Check it outFree Font: Tesla
A wonderfully creative font inspired by amazing Nikola Tesla's work. Designed by Lexi Griffith.
Get itApp Wireframes Kit
A great app wireframe kit for starting designing new projects. Made by Vlad Cristea.
Get itCasual
Casual is a fake data generator for JavaScript made by Egor Gumenyuk.
Check it outReading Fonts for Children
Learn what typeface is suitable for projects that are targeted to children in this excellent article.
Read itCombining Contextual Inquiry with Eye Tracking
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
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