Collective #102

View All

JavaScript Re-Introduction * LessMilk * WOW.js * PhotoTilt * Octocard * CSS A/Z * Bouncy Balls * CSS Multi-Column Grid

Cover design by Emanuel Serbanoiu

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 inspired

A re-introduction to JavaScript


An in-depth tutorial on MDN that re-introduces JavaScript as a powerful language for web applications.

Read it



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 out

One 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 it

Facebook'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 out



WOW.js is another great library for revealing animations on scroll with some easy to customize features. Made by Matt Aussaguel.

Check it out



An entirely HTML/CSS animated sketch for each letter made every day for 26 days.

Check it out

Bouncy 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 out

Simple 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 it

Creating 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 it



Octocard is a highly flexible GitHub info card for every GitHub lover made by MZhou.

Check it out



An intuitive and ease to customize credit card form including two themes made by John J. Wang.

Check it out



A starting point for all of Dennis Gaebel's personal and work-related projects using Sass and Compass.

Check it out

Free Font: Tesla


A wonderfully creative font inspired by amazing Nikola Tesla's work. Designed by Lexi Griffith.

Get it

App Wireframes Kit


A great app wireframe kit for starting designing new projects. Made by Vlad Cristea.

Get it



Casual is a fake data generator for JavaScript made by Egor Gumenyuk.

Check it out

Reading Fonts for Children


Learn what typeface is suitable for projects that are targeted to children in this excellent article.

Read it

Combining 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 it

Designing 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

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.