Collective #248

Settle all bets about your customer experience
Capture everything, and we mean everything, about your customer experience with one easy-to-install script.
Try it free
Variable fonts, a new kind of font for flexible design
Learn all about the new kind of font called variable font that was jointly developed by Apple, Google, Microsoft, and Adobe.
Read it
The Thumb Zone: Designing For Mobile Users
Some great insight into the "thumb zone" with some useful examples. An article by Samantha Ingram.
Read it
Free Font: Octanis
A delightful, complete font family with eight styles. Designed by Pavel Korzhenko.
Get it
Citysets
Citysets is a growing collection of free city-based icon sets. A project by Bryn Taylor.
Check it out
Why there is no CSS4 - explaining CSS Levels
A great article by Rachel Andrew that explains how CSS is versioned today.
Read it
Reframe.js
Reframe.js is a JavaScript plugin that turns fixed sized, unresponsive elements into responsive ones. Made by the folks of Dollar Shave Club.
Check it out
optimize-js
A script that optimizes a JavaScript file for faster initial execution and parsing, by wrapping all immediately-invoked functions or likely-to-be-invoked functions in parentheses.
Check it out
Personal: Free HTML Template
A developer-friendly one page template created by Bucky Maler.
Get it
How to do Web Accessibility QA
A two-part QA series on web accessibility by Josh Korr. Read part 1 here.
Read it
3D Portfolio Template
A lovely portfolio template with a 3D rotation effect by Sebastiano Guerriero from CodyHouse.
Check it out
Toolgif
A cute GIF tooltip plugin (jQuery). Made by Mehmet Burak Erman.
Check it out
Petri Dish
An awesome demo of a generative simulation by Jozef Maxted.
Check it out
SVG has more potential
Some great examples for using SVG to its full potential. An article by Mike Riethmuller.
Read it
Riot
An open-source Slack alternative with some great features.
Check it out
Progressive Web Apps Simply Make Sense
Jason Grigsby shares his thoughts on Progressive Web Apps and why they make sense to him.
Read it
Why We Should All Be Data Literate
Dan Turner dives into the topic of data literacy and explains why it should be viewed as a vital part of our design practice.
Read it
Jonathan Ravasz Resume
The interactive resume of Jonathan Ravasz built with FramerJS.
Check it out
Vending Machine
Lewi Hussey's awesome vending machine demo.
Check it out
VMPower
A service that let's you automate the shutdown and startup of VMs.
Check it out
Designer's Web Performance Optimization Checklist
A very practical web performance checklist made by Jon Yablonski.
Check it out
Free iPhone 7 Mockup (Sketch, PSD)
The perfect iPhone 7 mockup for Sketch and Photoshop. Made by the folks of LS.
Get it
glsl-dissolve
An interesting dissolve effect made with GLSL (OpenGL Shading Language) by Yoichi Kobayashi.
Check it out
Welcome To Your Independence
A free (for a share) ebook about running your own freelance business.
Check it out