Collective #211

Inspirational Website of the Week: Somerset
A truly original concept with some lovely realistic 'paper' effects. Out pick this week.
Get inspired
Get 5+ Job Offers with 1 Application
Let Hired bring jobs to you. Get job offers from top companies with salary and equity upfront.
Check it out
dihh
Digging Into Hip Hop is a digitalized "crate digging" experience powered by WebGL (with Three.js). It was created by Valentin Ledrapier and its core engine is an open source JavaScript library available on GitHub.
Check it out
About rel=noopener
Learn about rel=noopener
and what problem it can solve. By Mathias Bynens.

List.js
A small JavaScript library that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. Made by Jonny Strömberg.
Check it out
Barista And Coffee Lovers Icon Set (50 Icons, EPS, PNG, SVG)
A fabulous icon set for all coffee-related projects designed by Oliver Pitsch.
Get it
Grd
A compact CSS grid framework that is powered Flexbox. Made by Shogo Sensui.
Check it out
NuuNeoI's Interactive Profile
A super-creative resume design and implementation by Sittiphol Phanvilai.
Check it out
The Seif Project
The father of JavaScript, Douglas Crockford, presents his latest endeavour, 'The Seif Project'.
Watch it
Neural Networks Demystified
A great course on understanding and learning neural networks.
Check it out
Create a lighthouse in Adobe Illustrator
An in-depth tutorial by Veerle Pieters on how to create a beautiful lighthouse illustration in Adobe Illustrator.
Read it
The Unexpected Result of our Transactional Email Experiment
The ZURB team shares their invaluable insights on changing their transactional emails of the Foundation Forum.
Read it
Free Font: Halogen
A bold industrial all caps font designed by Pixel Surplus.
get it
D3 Calendar Heatmap
A d3.js heatmap representing time series data similar to GitHub's contribution chart. Made by Darragh Kirwan.
Check it out
Cleaning Up a CSS Codebase
Learn some useful practices on how to clean up and optimize your CSS in this article by Hugo Giraudel.
Read it
Avital Mobile UI Kit (PSD, SKETCH)
A fantastic design resource by Pixel Buddha: a mobile UI kit with tons of elements and well-designed details coming in PSD and Sketch.
Get it
Metronome
Google Search now has a metronome. Sweet.
Check it out
Awesome chrome-devtools
A compilation of awesome tools and resources in the Chrome DevTools ecosystem.
Check it out
Letter Kit
Zack Davenport created this awesome collection of alphabetically categorized letterforms on Pinterest. Right in time for your next 36 Days of Type challenge preparation :)
Check it out
State of the Art JavaScript in 2016
Francois Ward's view on the JavaScript state of the art in 2016. With some interesting insights and a great discussion.
Read it
User Experience Design & Research Jargons
If you're not familiar with designer jargon, this great dictionary by Navdeep Raj will teach you all those commonly used expressions.
Read it