Collective #99
Inspirational Website of the Week
![Collective99_wotw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_wotw.png?x86293)
The Lifecycle Adventure by Rob Lutter is a beautifully designed website that presents an amazing trip perfectly. Our pick this week.
Get inspiredFuture of Web Design 2014
![Collective99_FOWD](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_FOWD.png?x86293)
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 outAnimating CSS Shapes with CSS Animations & Transitions
![Collective99_cssshapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_cssshapes.png?x86293)
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 outNasty Icons
![Collective99_nastyicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_nastyicons.png?x86293)
A set of outrageous, nasty icons by Vincent le Moign for your next kinky project :)
Get itThe Pattern Library
![Collective99_patternlib](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_patternlib.png?x86293)
An amazing collection of beautiful patterns for inspiration and free usage. A project by Tim Holman and Cluadio Guglieri.
Check it outWriting A Better JavaScript Library For The DOM
![Collective99_betterjsdom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_betterjsdom.png?x86293)
An interesting article by Maksim Chemerisuk on writing a better JavaScript library for the DOM.
Read itIfvisible.js
![Collective99_ifvisible](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_ifvisible.png?x86293)
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 outJack In The Box
![Collective99_jackinthebox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_jackinthebox1.png?x86293)
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 outcountUp.js
![Collective99_countup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_countup.png?x86293)
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 outFace Substitution
![Collective99_facesubst](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_facesubst.png?x86293)
An awesome face substitution demo by Audun Mathias Øygard that's using the JavaScript library clmtrackr.
Check it outspeaking.io
![Collective99_speakingio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_speakingio1.png?x86293)
Zach Holman, who has spoken at many technical conferences, gives some useful advice for public speakers.
Check it out177 Design icons (AI, PSD)
![Collective99_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_icons.png?x86293)
Robin Kylander designed these exclusive free icons for Freebiesbug.
Get itCSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More
![Collective99_css-tricks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_css-tricks.png?x86293)
Zach Saucier will show you some awesome CSS animation tricks over at CSS-Tricks.
Check it outFree Font: KAIJU
![Collective99_kaiju](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_kaiju.png?x86293)
Anothony James designed this beautiful sans serif typeface which comes in regular and bold.
Get itBulletproof Accessible Icon Fonts
![Collective99_Iconfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_Iconfonts.png?x86293)
Read how to implement bulletproof font icons in this article by Filament Group.
Read itCerebro
![Collective99_Cerebro](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_Cerebro.jpg?x86293)
Cerebro is an amazing WebGL experiment that shows your Google analytics data on a beautiful globe. Made by Maxmert.
Check it outJavaScript Kinetic Scrolling
![Collective99_kinetic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_kinetic.png?x86293)
A great collection of demos and tutorials of the JavaScript kinetic scrolling series by Ariya Hidayat.
Check it outMaking the Web Sweeter with Food Network and Cupcakes
![Collective99_cupcakes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_cupcakes.png?x86293)
Read about how the Adobe Web Platform Team made the awesome Cupcakes demo using CSS Regions and CSS Shapes.
Read itGoogle Map Builder
![Collective99_googlemapbuilder](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_googlemapbuilder.png?x86293)
A fantastic Google Maps builder by Donald Sutherland.
Check it outIlepixeli Icons (AI, EPS)
![Collective99_80icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_80icons.png?x86293)
Some great free icons by Piotr Makarewicz. Send a link to the designer if you use them.
Get itThe Future of UI and the Dream of the '90s
![Collective99_uifuture](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/01/Collective99_uifuture.png?x86293)
An inspiring article by Helen Tran on the future of interface design.
Read it