Collective #130
Inspirational Website of the Week: One Design Company
![Collective130_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_WOTW.png?x86293)
A perfect amount of classy transitions and animations make One Design Company our pick of the week.
Get inspiredMonocle List
![Collective130_monocle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_monocle.png?x86293)
An awesome scrollable list that expands its items under a magnifying area. Made by Hakim El Hattab.
Check it outOne Step Ahead: Improving Performance with Prebrowsing
![Collective130_Prebrowsing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_Prebrowsing.png?x86293)
Santiago Valdarrama gives some insight on the interesting idea of prebrowsing in this A List Apart Article.
Read itHigh Performance Map Interactions Using HTML5 Canvas
![Collective130_html5canvasmap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_html5canvasmap.png?x86293)
Ed Kelley from SeatGeek explains how HTML5 canvas and canvas tiles were used to speed up their interactive maps.
Read itResponsive transactional HTML email templates
![Collective130_transactionalemails](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_transactionalemails.png?x86293)
A useful collection of common templates for transactional emails by the Mailgun team.
Check it outSatellizer
![Collective130_Satellizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_Satellizer.png?x86293)
Satellizer is a token-based authentication module for AngularJS with built-in support for Google, Facebook, LinkedIn and Twitter authentication providers, plus Email and Password sign-in method. Made by Sahat Yalkabov.
Check it outThe Current State Of E-Commerce Search
![Collective130_ecommercesearch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_ecommercesearch.png?x86293)
A comprehensive article on the current state of e-commerce search by Christian Holst.
Read itSenna
![Collective130_senna](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_senna.png?x86293)
Senna is a no-dependency, single page application engine that provides several low-level APIs for building modern web-based applications.
Check it outDuo
![Collective130_duojs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_duojs.png?x86293)
Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.
Check it outThe Stocks
![Collective130_thestocks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_thestocks.png?x86293)
TheStocks.im shows the best royalty free stock photos in one place.
Check it outFree Font: Plathorn Medium
![Collective130_Plathorn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_Plathorn.jpg?x86293)
Plathorn is a beautiful new font family designed by Jeremy Dooley. The medium style is for free.
Get itMust-Watch CSS
![Collective130_MustWatchCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_MustWatchCSS.png?x86293)
A comprehensive list of must-watch videos about CSS put together by Matt Smith.
Check it outAdvanced objects in JavaScript
![Collective130_jsobjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_jsobjs.png?x86293)
Bjorn Tipling writes about advanced objects in JavaScript—sophisticated tools to create objects in interesting and useful ways.
Read itA Comprehensive Guide to Styling File Inputs
![Collective130_guideinputs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_guideinputs.png?x86293)
TJ VanToll shows how build and style your own file upload component.
Check it outsweep.js
![Collective130_sweepjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_sweepjs.png?x86293)
Sweep.js by Riley Shaw enables proper color transitions through the HSL and HUSL spaces. Read more about the need for HSL transitions his article Hue-Angle Transitions.
Check it outGeek Pack (EPS)
![Collective130_geekpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_geekpack.png?x86293)
A really cool pack of vectors to create your unique geek by Field 5.
Get itDraw a cute lion in Illustrator
![Collective130_cutelion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_cutelion.png?x86293)
An in-depth tutorial on how to draw a über-cute lion in Adobe Illustrator by Veerle Pieters.
Check it outSharing beautiful travel moments
![Collective130_travelphotos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_travelphotos.png?x86293)
A Tumblr with 10 new CC0 licensed travel photography every 10 days.
Check it outFree Font: TT Souses Black Italic
![Collective130_Souses](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective130_Souses.png?x86293)
TT Souses by TypeType is a font family full of character. The black italic style is for free.
Get it