Collective #248
![Collective248_FullStory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_FullStory.png?x86293)
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![Collective248_VariableFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_VariableFont.png?x86293)
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![Collective248_ThumbZone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_ThumbZone.png?x86293)
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![Collective248_Octanis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Octanis.png?x86293)
Free Font: Octanis
A delightful, complete font family with eight styles. Designed by Pavel Korzhenko.
Get it![Collective248_Citysets](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Citysets.png?x86293)
Citysets
Citysets is a growing collection of free city-based icon sets. A project by Bryn Taylor.
Check it out![Collective248_CSSLevels](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_CSSLevels.png?x86293)
Why there is no CSS4 - explaining CSS Levels
A great article by Rachel Andrew that explains how CSS is versioned today.
Read it![Collective248_Reframejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Reframejs.png?x86293)
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![Collective248_Optimize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Optimize.png?x86293)
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![Collective248_PersonalTemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_PersonalTemplate.jpg?x86293)
Personal: Free HTML Template
A developer-friendly one page template created by Bucky Maler.
Get it![Collective248_WebAccessibilityQA](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_WebAccessibilityQA.png?x86293)
How to do Web Accessibility QA
A two-part QA series on web accessibility by Josh Korr. Read part 1 here.
Read it![Collective248_3DTemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_3DTemplate.png?x86293)
3D Portfolio Template
A lovely portfolio template with a 3D rotation effect by Sebastiano Guerriero from CodyHouse.
Check it out![Collective248_ToolGIF](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_ToolGIF.png?x86293)
Toolgif
A cute GIF tooltip plugin (jQuery). Made by Mehmet Burak Erman.
Check it out![Collective248_PetriDish](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_PetriDish.png?x86293)
Petri Dish
An awesome demo of a generative simulation by Jozef Maxted.
Check it out![Collective248_SVGPotential](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_SVGPotential.jpg?x86293)
SVG has more potential
Some great examples for using SVG to its full potential. An article by Mike Riethmuller.
Read it![Collective248_Riot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Riot.png?x86293)
Riot
An open-source Slack alternative with some great features.
Check it out![Collective248_PWAs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_PWAs.jpg?x86293)
Progressive Web Apps Simply Make Sense
Jason Grigsby shares his thoughts on Progressive Web Apps and why they make sense to him.
Read it![Collective248_DataLiterate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_DataLiterate.png?x86293)
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![Collective248_ResumeFramerjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_ResumeFramerjs.jpg?x86293)
Jonathan Ravasz Resume
The interactive resume of Jonathan Ravasz built with FramerJS.
Check it out![Collective248_VendingMachine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_VendingMachine.jpg?x86293)
Vending Machine
Lewi Hussey's awesome vending machine demo.
Check it out![Collective248_VMPower](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_VMPower.png?x86293)
VMPower
A service that let's you automate the shutdown and startup of VMs.
Check it out![Collective248_Checklist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Checklist.png?x86293)
Designer's Web Performance Optimization Checklist
A very practical web performance checklist made by Jon Yablonski.
Check it out![Collective248_iPhone7Mockup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_iPhone7Mockup.jpg?x86293)
Free iPhone 7 Mockup (Sketch, PSD)
The perfect iPhone 7 mockup for Sketch and Photoshop. Made by the folks of LS.
Get it![Collective248_Dissolve](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_Dissolve.jpg?x86293)
glsl-dissolve
An interesting dissolve effect made with GLSL (OpenGL Shading Language) by Yoichi Kobayashi.
Check it out![Collective248_ebook](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/09/Collective248_ebook.jpg?x86293)
Welcome To Your Independence
A free (for a share) ebook about running your own freelance business.
Check it out