Bi-Weekly Frontend News

Collective #81

Inspirational Website of the Week

Collective81_websiteoftheweek

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

Get inspired

CLNDR.js

Collective81_clndrjs

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

Collective81_responsivenavcomplexsites

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

Collective81_annyang

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
Advertisement

complete.ly

Collective81_completely

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

Check it out

json.human.js

Collective81_json.human

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)

Collective81_ecommerceiconset

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

Get it

iPhone 5s Vector Mockup (PSD)

Collective81_iphone5sPSD

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

Get it

jQuery Fullscreen Editor

Collective81_jqueryfullscreeneditor

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

Check it out

Arcade Fire / Just a Reflektor

Collective81_arcadefire

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

Collective81_csslenght

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

Read it

iPhone 5S Flat Design (PSD)

Collective81_iphone5sFlat

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

Get it

The Beginner's Guide to three.js

Collective81_threejs

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

Read it

brace.io

Collective81_braceio

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

Collective81_entouragebox

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

Collective81_progressbar

Learn how to use the new NProgress jQuery plugin to add a progress bar to a web page.

Check it out

jquery.tweetable.js

Collective81_jquerytweetable

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

Check it out

Radius Raid

Collective81_radiusraid

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

Check it out

Free Font: Canter

Collective81_canter

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

Get it

iPhone 5c (AI)

Collective81_iphone5cAI

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

Get it

Signal Icon Set

Collective81_signaliconset

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

Get it

Flat HTC One 3D Mockup (PSD)

Collective81_flathtc

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

Get it