Collective #190

Inspirational Website of the Week: Design bureau N.Lee
Beautiful effects and interesting details made us pick N.Lee as the site of the week.
Get inspired
Photon
Photon is a UI toolkit for building desktop apps with Electron using simple HTML and CSS.
Check it out
Animate Elements on a Path with CSS
Learn how to move an element on a path in this tutorial by Dudley Storey. Note that browser support is limited for this advanced technique.
Read it
ECMAScript 6 Quiz
A ECMAScript 6 quiz with some tricky questions by Maxwellito.
Check it out
Trix
Trix is a rich text editor for your web application. Made by Basecamp.
Check it out
Diamond grid layout with Sass
Chen Hui Jing shows how to create a diamond grid layout using Sass.
Read it
Blend
With Blend you can generate simple and beautiful CSS gradients. Made by Colin Keany.
Check it out
LibreStock
A new photo search site where you can search 30 free stock photo websites in one place.
Check it out
What's New in Chrome DevTools
If you haven't seen this great presentation by Addy Osmani yet, we highly recommend watching it. Check out the slides, too.
Watch it
Free Font: GABO
Gabo is a free uppercase display font designed by Fabian Korn.
Get it
Sea Elements Icons (AI, EPS)
A lovely set of sea related vector icons by Sunbzy.
Check it out
The Passion Email Template (PSD, HTML)
A gorgeous email template designed by DynamicXX for Pixel Buddha.
Get it
Pingometer
With Pingometer you can monitor your websites for downtime and performance.
Check it out
Web Font Anti-Patterns
With this series of web font anti-patterns Bram Stein wants to help clarify existing practices (good and bad) and guide you towards better web font usage.
Read it
ES6 Overview in 350 Bullet Points
Nicolas Bevacqua summarizes all syntax changes and features coming in ES6 in this practical list.
Check it out
The Art of Debugging
Remy Sharp will show you how to debug the right way with the right tools. From his talk "Art of Debugging" he gave at Fronteers in Amsterdam in 2015.
Read it
A Gentle Introduction to Ember 2.0
A great tutorial by James Futhey on Ember 2.0, not just for previous Ember enthusiast.
Read it
The Clock Clock
A virtual remake of the clock that combines analogue with digital by 'Humans since 1982'.
Check it out
Mattermost
Mattermost is an open source alternative to Slack. It's a self-hosted solution for bringing all your team communication to one place.
Check it out