Collective #81
Inspirational Website of the Week

The website of Elite Graphics combines great, clean design with a variety of subtle and engaging effects. Our pick this week.
Get inspiredCLNDR.js

CLNDR by by Kyle Stetz is a jQuery plugin for creating calendars with a different twist: it doesn't have any markup but instead the developer supplies an HTML template and the plugin provides a set of data to use within in.
Check it outResponsive Navigation On Complex Websites

Jon Rundle shares his experience and illustrate the techniques involved in implementing a responsive navigation on large websites.
Read itAnnyang: Voice control for websites

Are the web's clicking days numbered? Annyang is a fantastic JavaScript library that lets your visitors control your site with voice commands. Made by Tal Ater.
Check it outcomplete.ly

An interesting JavaScript library for auto-completion created by Lorenzo Puccetti.
Check it outjson.human.js

With json.human.js you can convert JSON to a human readable HTML representation. By Mariano Guerra.
Check it outE-Commerce Icon Set (33 Icons, PNG, PS, AI)

A fantastic set of 33 beautifully crafted, flat e-commerce icons designed by Responsive.
Get itiPhone 5s Vector Mockup (PSD)

A detailed and pixel-perfect iPhone 5s vector mockup template by Pixeden.
Get itjQuery Fullscreen Editor

This jQuery plugin that adds a fullscreen mode option to a common text area.
Check it outArcade Fire / Just a Reflektor

A music video by Arcade Fire that lets the visitor interact with the video via desktop and mobile device.
Check it outCSS Length Explained

An insightful article on length units in CSS by Tim Chien from Mozilla.
Read itiPhone 5S Flat Design (PSD)

A flat style iPhone 5s by Emrah Demirag from UI Pixels.
Get itThe Beginner's Guide to three.js

A great tutorial by Nick Pettit on how to create an interactive 3D graphic with three.js.
Read itbrace.io

Brace looks like a very promising project: Dropbox hosted websites with versions and history. It's not live yet but you can sign up to get early access.
Check it outEntourageBox

EntourageBox let's others who don't use the same Cloud storage services easily share files with you.
Check it outQuick Tip: Add a Progress Bar to Your Site

Learn how to use the new NProgress jQuery plugin to add a progress bar to a web page.
Check it outjquery.tweetable.js

A simple jQuery plugin for making sentences and snippets easily tweetable for your users. Made by Justin Duke.
Check it outRadius Raid

Radius Raid is a fantastic little browser game made by Jack Rugile for the Js13kGames challenge.
Check it outFree Font: Canter

Canter by Christopher J. Lee is an elegant condensed typeface that comes in six weights.
Get itiPhone 5c (AI)

With the arrival of the new iPhone 5c, you'll find this freebie by Petshopbox useful.
Get itSignal Icon Set

A great signal icon set by Azis Hertanto from Simple Icon.
Get itFlat HTC One 3D Mockup (PSD)

A nice, flat mockup of an HTC One in perspective.
Get it