Collective #99

View All

FOWD 2014 * Animating CSS Shapes * Nasty Icons * The Pattern Library * Ifvisible.js * Jack In The Box * countUp.js


Inspirational Website of the Week


The Lifecycle Adventure by Rob Lutter is a beautifully designed website that presents an amazing trip perfectly. Our pick this week.

Get inspired

Future of Web Design 2014


FOWD is 3 day event packed with cutting-edge web design learning and intimate workshops. Session topics include responsive design, UX, HTML5, & CSS3. Register by 31/1 to get the early bird discount.

Check it out

Animating CSS Shapes with CSS Animations & Transitions


An excellent in-depth article by Sara Soueidan on animating CSS Shapes. It's definitely time to get excited about this new property!

Check it out

Nasty Icons


A set of outrageous, nasty icons by Vincent le Moign for your next kinky project :)

Get it

The Pattern Library


An amazing collection of beautiful patterns for inspiration and free usage. A project by Tim Holman and Cluadio Guglieri.

Check it out

Writing A Better JavaScript Library For The DOM


An interesting article by Maksim Chemerisuk on writing a better JavaScript library for the DOM.

Read it



This script will check if a user is currently looking at a page or interacting with it. A project by Serkan Yerşen.

Check it out

Jack In The Box


With this library you can control CSS animation as you scroll down a page. By default, it should be used to trigger animate.css animations, but any animation library can be used. A script by Matthieu Aussaguel.

Check it out



countUp.js by Jamie Perkins is a dependency-free, lightweight JavaScript "class" that can be used to quickly create animations that display numerical data in a more interesting way.

Check it out

Face Substitution


An awesome face substitution demo by Audun Mathias Øygard that's using the JavaScript library clmtrackr.

Check it out


Zach Holman, who has spoken at many technical conferences, gives some useful advice for public speakers.

Check it out

177 Design icons (AI, PSD)


Robin Kylander designed these exclusive free icons for Freebiesbug.

Get it

CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More


Zach Saucier will show you some awesome CSS animation tricks over at CSS-Tricks.

Check it out

Free Font: KAIJU


Anothony James designed this beautiful sans serif typeface which comes in regular and bold.

Get it

Bulletproof Accessible Icon Fonts


Read how to implement bulletproof font icons in this article by Filament Group.

Read it



Cerebro is an amazing WebGL experiment that shows your Google analytics data on a beautiful globe. Made by Maxmert.

Check it out

JavaScript Kinetic Scrolling


A great collection of demos and tutorials of the JavaScript kinetic scrolling series by Ariya Hidayat.

Check it out

Making the Web Sweeter with Food Network and Cupcakes


Read about how the Adobe Web Platform Team made the awesome Cupcakes demo using CSS Regions and CSS Shapes.

Read it

Google Map Builder


A fantastic Google Maps builder by Donald Sutherland.

Check it out

Ilepixeli Icons (AI, EPS)


Some great free icons by Piotr Makarewicz. Send a link to the designer if you use them.

Get it

The Future of UI and the Dream of the '90s


An inspiring article by Helen Tran on the future of interface design.

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