Weekly Frontend News

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 inspired



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 out

Responsive Navigation On Complex Websites


Jon Rundle shares his experience and illustrate the techniques involved in implementing a responsive navigation on large websites.

Read it

Annyang: 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 out



An interesting JavaScript library for auto-completion created by Lorenzo Puccetti.

Check it out



With json.human.js you can convert JSON to a human readable HTML representation. By Mariano Guerra.

Check it out

E-Commerce Icon Set (33 Icons, PNG, PS, AI)


A fantastic set of 33 beautifully crafted, flat e-commerce icons designed by Responsive.

Get it

iPhone 5s Vector Mockup (PSD)


A detailed and pixel-perfect iPhone 5s vector mockup template by Pixeden.

Get it

jQuery Fullscreen Editor


This jQuery plugin that adds a fullscreen mode option to a common text area.

Check it out

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

CSS Length Explained


An insightful article on length units in CSS by Tim Chien from Mozilla.

Read it

iPhone 5S Flat Design (PSD)


A flat style iPhone 5s by Emrah Demirag from UI Pixels.

Get it

The Beginner's Guide to three.js


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

Read it



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 out



EntourageBox let's others who don't use the same Cloud storage services easily share files with you.

Check it out

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



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

Check it out

Radius Raid


Radius Raid is a fantastic little browser game made by Jack Rugile for the Js13kGames challenge.

Check it out

Free Font: Canter


Canter by Christopher J. Lee is an elegant condensed typeface that comes in six weights.

Get it

iPhone 5c (AI)


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

Get it

Signal Icon Set


A great signal icon set by Azis Hertanto from Simple Icon.

Get it

Flat HTC One 3D Mockup (PSD)


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

Get 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.