Collective #173

Inspirational Website of the Week: Big Omaha
Some nice animations paired with good effect smoothness make Big Omaha our pick this week.
Get inspired
Dynamics.js
A great new JavaScript library for creating physics-based animations. Made by Michael Villar.
Check it out
The Homepage Exception
Johanna Bates sheds light on the special case of the homepage and shows how to tackle its human nature.
Read it
Photoshop Design Space
A new experimental architecture aimed at designers for creating interfaces in Photoshop.
Check it out
Guitar Tuner
A in-depth article by Paul Lewis on how he made a guitar tuner using the Web Audio API and getUserMedia.
Check it out
Isometric Material Icons (AI, PSD, PNG)
A lovely set of six isometric icons designed by Oxygenna.
Get them
SVG Filters
A great collection of SVG filters with examples, live preview and markup. By Jorge Aznar.
Check it out
HTML5 accessibility
A site with all the info on which new HTML5 user interface features are accessibility supported in browsers.
Check it out
LYD
A keyboard-based interactive music video for the LA-based band Busy Living. Made by Spencer Sheridan.
Check it out
A Practical Guide to SVGs on the web
A great practical guide on using SVGs on the web by Jake Giltsoff.
Check it out
Understanding npm
A visual guide that will help you understand the role and scope of npm. Made by NodeSource.
Check it out
Making Your First HTML5 Game With Phaser
A great tutorial by Danny Markov, where he shows how to create a simple game using Phaser.
Check it out
Outline Beer Icons (AI)
A nice little set of beer icons made by Justas Galaburda.
Get them
Coverr
Free videos that you can use on your website. Provided by the teams of CodersClan and Veed.Me.
Check it out
Edit this webpage with your voice
A brilliant idea for a voice-controlled webpage editor. Created by Shaun Gallagher as part of Hack Days at Monetate.
Check it out
Responsive Typography With Sass Maps
Jonathan Suh shows how to use Sass Maps for managing consistent, typographic rhythm.
Read it
Aaron Meyers
Dive into the amazing world of Aaron Meyers' creations.
Get inspired
Free Font: Yarin
A lovely and unique-looking font made by Mario Pan.
Get it
For the Love of Letters & Animals
A beautiful hand-lettering exploration by Jessica Phan.
Get inspired
Free Font: Girabaldi Medium
Henrique Beier designed this elegant, text typeface based on humanist calligraphy. The medium style is for free.
Get it
enhance.js
A port of Zoom.js, a jQuery-based plugin for image zooming. Made by Maxim Leyzerovich.
Check it out
dokker.js
With dokker.js you can create professional JavaScript code documentations. Made by Oceanhouse21.
Check it out
Material Theme
If you are a Sublime Text user, this theme will knock your socks off :)
Get it