Collective #130
Inspirational Website of the Week: One Design Company

A perfect amount of classy transitions and animations make One Design Company our pick of the week.
Get inspiredMonocle List

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

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

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

A useful collection of common templates for transactional emails by the Mailgun team.
Check it outSatellizer

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

A comprehensive article on the current state of e-commerce search by Christian Holst.
Read itSenna

Senna is a no-dependency, single page application engine that provides several low-level APIs for building modern web-based applications.
Check it outDuo

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

TheStocks.im shows the best royalty free stock photos in one place.
Check it outFree Font: Plathorn Medium

Plathorn is a beautiful new font family designed by Jeremy Dooley. The medium style is for free.
Get itMust-Watch CSS

A comprehensive list of must-watch videos about CSS put together by Matt Smith.
Check it outAdvanced objects in JavaScript

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

TJ VanToll shows how build and style your own file upload component.
Check it outsweep.js

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)

A really cool pack of vectors to create your unique geek by Field 5.
Get itDraw a cute lion in Illustrator

An in-depth tutorial on how to draw a über-cute lion in Adobe Illustrator by Veerle Pieters.
Check it outSharing beautiful travel moments

A Tumblr with 10 new CC0 licensed travel photography every 10 days.
Check it outFree Font: TT Souses Black Italic

TT Souses by TypeType is a font family full of character. The black italic style is for free.
Get it