Collective #81
Inspirational Website of the Week
![Collective81_websiteoftheweek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_websiteoftheweek.png?x86293)
The website of Elite Graphics combines great, clean design with a variety of subtle and engaging effects. Our pick this week.
Get inspiredCLNDR.js
![Collective81_clndrjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_clndrjs.png?x86293)
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
![Collective81_responsivenavcomplexsites](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_responsivenavcomplexsites.png?x86293)
Jon Rundle shares his experience and illustrate the techniques involved in implementing a responsive navigation on large websites.
Read itAnnyang: Voice control for websites
![Collective81_annyang](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_annyang.png?x86293)
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
![Collective81_completely](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_completely.png?x86293)
An interesting JavaScript library for auto-completion created by Lorenzo Puccetti.
Check it outjson.human.js
![Collective81_json.human](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_json.human_.png?x86293)
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)
![Collective81_ecommerceiconset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_ecommerceiconset.png?x86293)
A fantastic set of 33 beautifully crafted, flat e-commerce icons designed by Responsive.
Get itiPhone 5s Vector Mockup (PSD)
![Collective81_iphone5sPSD](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_iphone5sPSD.png?x86293)
A detailed and pixel-perfect iPhone 5s vector mockup template by Pixeden.
Get itjQuery Fullscreen Editor
![Collective81_jqueryfullscreeneditor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_jqueryfullscreeneditor.png?x86293)
This jQuery plugin that adds a fullscreen mode option to a common text area.
Check it outArcade Fire / Just a Reflektor
![Collective81_arcadefire](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_arcadefire.png?x86293)
A music video by Arcade Fire that lets the visitor interact with the video via desktop and mobile device.
Check it outCSS Length Explained
![Collective81_csslenght](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_csslenght.png?x86293)
An insightful article on length units in CSS by Tim Chien from Mozilla.
Read itiPhone 5S Flat Design (PSD)
![Collective81_iphone5sFlat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_iphone5sFlat.png?x86293)
A flat style iPhone 5s by Emrah Demirag from UI Pixels.
Get itThe Beginner's Guide to three.js
![Collective81_threejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_threejs.png?x86293)
A great tutorial by Nick Pettit on how to create an interactive 3D graphic with three.js.
Read itbrace.io
![Collective81_braceio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_braceio.png?x86293)
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
![Collective81_entouragebox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_entouragebox.png?x86293)
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
![Collective81_progressbar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_progressbar.png?x86293)
Learn how to use the new NProgress jQuery plugin to add a progress bar to a web page.
Check it outjquery.tweetable.js
![Collective81_jquerytweetable](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_jquerytweetable.png?x86293)
A simple jQuery plugin for making sentences and snippets easily tweetable for your users. Made by Justin Duke.
Check it outRadius Raid
![Collective81_radiusraid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_radiusraid.png?x86293)
Radius Raid is a fantastic little browser game made by Jack Rugile for the Js13kGames challenge.
Check it outFree Font: Canter
![Collective81_canter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_canter.png?x86293)
Canter by Christopher J. Lee is an elegant condensed typeface that comes in six weights.
Get itiPhone 5c (AI)
![Collective81_iphone5cAI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_iphone5cAI.png?x86293)
With the arrival of the new iPhone 5c, you'll find this freebie by Petshopbox useful.
Get itSignal Icon Set
![Collective81_signaliconset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_signaliconset.png?x86293)
A great signal icon set by Azis Hertanto from Simple Icon.
Get itFlat HTC One 3D Mockup (PSD)
![Collective81_flathtc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/09/Collective81_flathtc.png?x86293)
A nice, flat mockup of an HTC One in perspective.
Get it