Collective #138
![Collective138_impossiblebureau](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_impossiblebureau.png?x86293)
Inspirational Website of the Week: Impossible Bureau
Wonderfully smooth animations with excellent typography make this agency's website our pick of the week.
Get inspired![hotjar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/hotjar.png?x86293)
Hotjar Insights
Hotjar Insights is a new and easy way to understand your web and mobile site visitors. You can request free early access for the platform.
Check it out![Collective138_inspiration](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_inspiration1.png?x86293)
Palettab
Palletab is a Chrome extension which uses Google fonts and ColourLovers palettes to create inspirational combinations whenever you open a new tab. Made by Tim Holman and Claudio Guglieri.
Check it out![Collective138_AGuideToSVGAnimationsSMIL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_AGuideToSVGAnimationsSMIL.png?x86293)
A Guide to SVG Animations (SMIL)
A fantastic compendium of everything you need to know about SVG animations in SMIL. By Sara Soueidan.
Read it![Collective138_progressbarjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_progressbarjs.png?x86293)
ProgressBar.js
Beautiful and responsive progress bars with animated SVG paths. You can use built-in shapes or create your own paths. Made by Kimmo Brunfeldt.
Check it out![Colective138_lazy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Colective138_lazy.png?x86293)
Lazysizes
Lazysizes is a fast and jank-free lazy loader for images (including responsive images), iframes and scripts/widgets without any dependency. Made by Alexander Farkas.
Check it out![Collective138_curely](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_curely.png?x86293)
Free Font: Curely
Konstantine Studio's cute and playful handmade decorative typeface.
Get it![Colective138_tools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Colective138_tools.png?x86293)
Tools Tools Tools
Designer tools on acid? An epic audio-visual instrument of animated loops for designer tool actions.
Check it out![Collective138_touristicicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_touristicicons.png?x86293)
Touristic Icons (100 Icons, PNG, SVG)
A beautiful icon set related to tourism by Freepik on Smashing Magazine.
Get it![Collective138_kickstart](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_kickstart.png?x86293)
Aerial Bold: Kickstart the Planetary Search for Letterforms!
A very creative project on Kickstarter by Benedikt Groß and Joey Lee: Aerial Bold is the first map and typeface of the earth which will be composed of the earth's alphabet shapes.
Check it out![Collective138_CSSTracking](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_CSSTracking.png?x86293)
CSS-Only Solution For UI Tracking
Krasimir Tsonev's incredibly clever and interesting CSS technique for collecting statistics on a website.
Read it![Collective138_gotchas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_gotchas.png?x86293)
Some Gotchas That Got Me
Paul Lewis' collection of issues and problematic behavior he encountered while working on his latest project.
Read it![Collective138_devtoolstips](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_devtoolstips.png?x86293)
DevTools Tips
DevTools Tips by Jeferson Koslowski is a curated collection of Chrome Developer Tools tips and tricks, updated at least once a week.
Check it out![Collective138_MaterialIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_MaterialIcons.png?x86293)
Material Design Icons
Material Design Icons are the official open-source icons featured in the Google Material Design specification.
Get it![Collective138_cssiphone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_cssiphone.png?x86293)
CSS Only iPhone 6
Fabrizio Bianchi's CSS-only iPhone 6 creation.
Check it out![Collective138_perfmap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_perfmap.png?x86293)
PerfMap: front-end performance heatmap
A bookmarklet and Chrome extension by Mark Zeman to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API.
Check it out![Collective138_API](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_API.jpg?x86293)
The Art of Creating Simple but Flexible APIs
Jos de Jong dives into simplicity and flexibility of an API and gives some great advice on how to create a good API.
Read it![Collective138_googlenews](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_googlenews.png?x86293)
Google News Redesign Concept
George Kvasnikov demonstrates his vision of a new UX and UI for the Google News platform.
Check it out![Collective138_menumenuitems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_menumenuitems.png?x86293)
Introducing the HTML5 “Menu” and “Menuitem” Elements
Thoriq Firdaus introduces the new HTML5 menu and menuitem elements and shows their future potential.
Check it out![Collective138_Lulo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_Lulo.jpg?x86293)
Free Font: Lulo Clean Outline Bold
Lulo Clean is an interesting uppercase display font family by Yellow Design Studio. The bold outline style is for free.
Get it![Collective138_tweenmax](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective138_tweenmax.png?x86293)
TweenMax / GSAP Cheat codes list
Some useful tips and snippets for TweenMax/GSAP by Florian Morel to enhance your animation code.
Check it out