Collective #267
![coll267_wotw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_WOTW.png?x86293)
Inspirational Website of the Week: Yatzer
A harmonic design with great typography and many attentive details. Our pick this week.
Get inspired![collective267_hotjar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective267_Hotjar.png?x86293)
Hotjar Incoming Feedback
Awesome new BETA tool from Hotjar – get FREE and unlimited VISUAL feedback from your visitors.
Check it out![coll267_snowflake](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Snowflake.png?x86293)
Snowflaker
Create some pretty SVG snowflakes with this awesome generator made by Misha Heesakkers.
Check it out![coll267_irrationaluser](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_IrrationalUser.png?x86293)
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![coll267_cssreference](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_CSSReference.png?x86293)
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![coll267_violentshell](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_ViolentShell.png?x86293)
Violent Shell
A great site that let's you explore content as if you were in the terminal.
Check it out![coll267_advancedcolors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_AdvancedColors.png?x86293)
Advanced Colors for OSX
A very practical swatch tool for OSX perfect for designers and developers. Made by Bryce Wendelaar.
Check it out![coll267_balloon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Balloon.jpg?x86293)
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![coll267_jsfatigue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_JSFatigue.jpg?x86293)
Why I'm Thankful for JS Fatigue
Some great thoughts by Eric Elliott on the JavaScript Fatigue topic.
Read it![coll267_buttonsketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_ButtonSketch.jpg?x86293)
Hacking the Button in Sketch
Aleksandr Pasevin shows how to make a reusable icon button in Sketch.
Check it out![coll267_telegraph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Telegraph.png?x86293)
Telegraph
A super-simple publishing tool whith no account or bloat. Simply write and publish.
Check it out![coll267_matrixmulti](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_MatrixMulti.png?x86293)
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![coll267_nuxtjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Nuxtjs.png?x86293)
Nuxt.js
A minimalistic framework for server-rendered Vue.js applications, inspired by Next.js.
Check it out![coll267_breakpoints](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Breakpoints.jpg?x86293)
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![coll267_stats](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Stats.png?x86293)
Random Interesting Facts on HTML/SVG usage
Catalin Rosu shares some random facts on markup usage from data of millions of websites.
Read it![coll267_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Font.png?x86293)
Free Font: Little Brushy
A lovely brush font made by Junik Studio and available on PixelBuddha.
Get it![coll267_csspin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_CSSPIN.png?x86293)
CSSPIN
Single element loaders with lots of colors. Made by Webkul.
Check it out![coll267_pixelmatch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_PixelMatch.png?x86293)
Pixelmatch
If you haven't stumbled upon this one yet: Pixelmatch is a very performant JavaScript pixel-level image comparison library.
Check it out![coll267_loremipsum](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_LoremIpsum.jpg?x86293)
Lorem Ipsum Generator
Generate placeholder text in style with this new Lorem Ipsum source.
Check it out![coll267_spitespirit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_SpiteSpirit.png?x86293)
Sprite Spirit
Bring a an image sprite to life with this useful generator made by Elior Shalev Tabeka.
Check it out![coll267_avatars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_Avatars.png?x86293)
User Avatar Icons (SVG)
A lovely set of 16 user avatar icons in SVG format.
Get it![coll267_tilthovereffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Coll267_TiltHoverEffects.jpg?x86293)
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