Collective #267

Inspirational Website of the Week: Yatzer
A harmonic design with great typography and many attentive details. Our pick this week.
Get inspired
Hotjar Incoming Feedback
Awesome new BETA tool from Hotjar – get FREE and unlimited VISUAL feedback from your visitors.
Check it out
Snowflaker
Create some pretty SVG snowflakes with this awesome generator made by Misha Heesakkers.
Check it out
The Irrational User
A very interesting and insightful article on cognitive biases and what it means for the behavior of users. By Alvin Hsia.
Check it out
cssreference.io
A beautifully made free visual guide to CSS with illustrated and animated examples of the most popular CSS properties. Made by Jeremy Thomas.
Check it out
Violent Shell
A great site that let's you explore content as if you were in the terminal.
Check it out
Advanced Colors for OSX
A very practical swatch tool for OSX perfect for designers and developers. Made by Bryce Wendelaar.
Check it out
Balloon.earth
Balloon.earth is an exciting web experiment that combines real-time weather data and 3D map renderings. Created by Hinderling Volkart' Lab.
Check it out
Why I'm Thankful for JS Fatigue
Some great thoughts by Eric Elliott on the JavaScript Fatigue topic.
Read it
Hacking the Button in Sketch
Aleksandr Pasevin shows how to make a reusable icon button in Sketch.
Check it out
Telegraph
A super-simple publishing tool whith no account or bloat. Simply write and publish.
Check it out
Matrix Multiplication
A mind-blowing interactive matrix multiplication calculator that will truly give insight to the math behind. Made by André Staltz.
Check it out
Nuxt.js
A minimalistic framework for server-rendered Vue.js applications, inspired by Next.js.
Check it out
The 100% correct way to do CSS breakpoints
David Gilbertson guide to CSS breakpoints will give you some great insight on how to set them in a clear, logical way.
Read it
Random Interesting Facts on HTML/SVG usage
Catalin Rosu shares some random facts on markup usage from data of millions of websites.
Read it
Free Font: Little Brushy
A lovely brush font made by Junik Studio and available on PixelBuddha.
Get it
CSSPIN
Single element loaders with lots of colors. Made by Webkul.
Check it out
Pixelmatch
If you haven't stumbled upon this one yet: Pixelmatch is a very performant JavaScript pixel-level image comparison library.
Check it out
Lorem Ipsum Generator
Generate placeholder text in style with this new Lorem Ipsum source.
Check it out
Sprite Spirit
Bring a an image sprite to life with this useful generator made by Elior Shalev Tabeka.
Check it out
User Avatar Icons (SVG)
A lovely set of 16 user avatar icons in SVG format.
Get it
Tilt Hover Effects
This week we've made some hover animations with a fancy tilt effect. Inspired by the grid on the Kikk 2015 website.
Check it out