Collective #205

Inspirational Website of the Week: Details
Bold, vibrant colors and some unique creative elements make this agency's website a true inspiration.
Get inspired
Making A Service Worker: A Case Study
A great tutorial by Lyza Danger Gardner on how to create a service worker.
Read it
Bulma
A great, modern CSS framework based on Flexbox that will make layouting a breeze. By Jeremy Thomas.
Check it out
Craft
Craft is a plugin suite for Sketch and Photoshop that helps accelerate the workflow by designing with real data. By InVision.
Check it out
Case Study: Our SVG Icon Process
Tyler Sticka describes in detail how the icon process at Cloud Four is done.
Read it
Origami Animals
A stunning icon set of origami animals designed by Agne Alesiute.
Get it
CSS Variables: Why Should You Care?
CSS variables are coming to Chrome and this Google Developers guide will teach you how to use them.
Read it
90's Cursor Effects
Remember those awesome cursor effects from the dial-up Internet era? No? Don't worry, Tim Holman has you covered with these fantastic 90's Cursor Effects ;)
Check it out
Advanced Search Form
A great search form with advanced filtering options and quick link suggestions. Made by Sebastiano Guerriero from CodyHouse.
Check it out
JavaScript by Examples
A great collection of JavaScript snippets with thorough descriptions that will teach you JS the practical way.
Check it out
The Art of the Commit
Some invaluable advice on how to properly compose commit messages. By David Demaree.
Read it
Free Font: KUST
A very artistic, handwritten display font with a distressed, painted look. Made by Krisijanis Mezulis.
Get it
CSS and JavaScript mobile UI preview tool
A preview tool for viewing a site on a mobile via an iframe. By Ashley Ford.
Check it out
Free Font: Caja
An interesting typeface inspired by vintage graphic resources. Designed by Geovanny Gavilanes.
Get it
Trees with three.js
Pinede is an amazing tree scenery renderer powered by three.js. Made by Maxime Montegnies.
Check it out
In The Studio: 24 Free Icons (AI, SVG, PNG, Sketch)
A set of 24 awesome music related icons with great details. Made by Dale Humphries for GraphicBurger.
Get it
The definitive list of open source resources on Github
A great real-time collection of GitHub projects that makes it easy to find resources. Made by Thomas Zhou.
Check it out
One Line - Free Social Networks Icons
A set of beautifully designed social media icons with just one line. Made by Differantly Studio.
Get it
The moment I realized I wasn't an “Artist”
An interesting and inspiring article by David Moore on how a simple realization transformed his design career.
Read it
The Hack is Back!
Learn about createImageBitmap
and how it can be used to decode images off-main thread. By Paul Lewis.