Collective #130

View All

Monocle List * Prebrowsing * Transactional email templates * Satellizer * Senna * Duo * Must-Watch CSS * sweep.js * The Stocks


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 inspired

Monocle List


An awesome scrollable list that expands its items under a magnifying area. Made by Hakim El Hattab.

Check it out

One Step Ahead: Improving Performance with Prebrowsing


Santiago Valdarrama gives some insight on the interesting idea of prebrowsing in this A List Apart Article.

Read it

High 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 it

Responsive transactional HTML email templates


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

Check it out



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 out

The Current State Of E-Commerce Search


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

Read it



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

Check it out



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 out

The Stocks

Collective130_thestocks shows the best royalty free stock photos in one place.

Check it out

Free Font: Plathorn Medium


Plathorn is a beautiful new font family designed by Jeremy Dooley. The medium style is for free.

Get it

Must-Watch CSS


A comprehensive list of must-watch videos about CSS put together by Matt Smith.

Check it out

Advanced objects in JavaScript


Bjorn Tipling writes about advanced objects in JavaScript—sophisticated tools to create objects in interesting and useful ways.

Read it

A Comprehensive Guide to Styling File Inputs


TJ VanToll shows how build and style your own file upload component.

Check it out



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 out

Geek Pack (EPS)


A really cool pack of vectors to create your unique geek by Field 5.

Get it

Draw 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 out

Sharing beautiful travel moments


A Tumblr with 10 new CC0 licensed travel photography every 10 days.

Check it out

Free 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

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.