Collective #156

Inspirational Website of the Week: Coulee Creative
A strong design with great typography and some nice effects make Coulee Creative our pick this week.
Get inspired
Datedropper: jQuery Dates Plugin
Felice Gattuso created this novel kind of date picker with a unique and intuitive layout.
Check it out
Free Travel Icon Pack
A set of 6 beautiful and detailed vector icons with a travel theme. Icons include a plane, train, boat and bicycle among others. Free for personal and commercial use with attribution.
Check it out
Awesomplete
A lightweight autocomplete widget for modern browsers made by Lea Verou.
Check it out
SVG layout with Flexbox for simpler D3 charts
A very interesting technique that uses flexbox on SVG in order to simplify the task of constructing charts with D3. By Colin Eberhardt.
Check it out
Testing Accordion Menu Designs & Iconography
An insightful analysis of the accordion menu and how users interact with it. An article by Lance Gutin from Viget.
Read it
77 Essential Icons
A great set of outlined icons by Bryn Taylor.
Get it
Parallax Hero Image
An tutorial on how to create an interesting 3D effect by Claudia Romano from CodyHouse.
Check it out
Smartphone Remote Control with Node.js and Socket.io
Nick Anastasov shows you how to remotely control a website in this great tutorial.
Check it out
Free Font: Growl
An experimental hand-drawn typeface by Arron Croasdell.
Get it
Space Icons (AI)
A lovely set of space icons by Beasty.
Get it
How To Create a Realistic Chalk Lettering Effect
A master class by Chris Spooner on how to create a realistic chalk lettering effect.
Check it out
Design Last
Rik Schennink takes the methodology of designing first and flips it. An great article with an interesting discussion.
Read it
Font Loading Revisited with Font Events
Scott Jehl revisits the efficient font loading approach used at the Filament Group.
Read it
Introducing @counter-style
Read all about the new the CSS Counter Styles Level 3 and learn how you can create custom counters.
Check it out
Interaction Design Best Practices: Mastering the Intangibles
A new free ebook on interaction design by the folks from UXPin.
Check it out
User Icons (EPS, PSD)
Pavlo Tyshchuk created these cute user icons and offers them for free.
Get it
Apparently Transparent
An impressive simulation of a room full of mirrors by Gerard Ferrandez.
Check it out