Collective #250

Loading Polyfills Only When Needed
An excellent article by Philip Walton on optimizing legacy browser support without affecting the majority of users.
Read it
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
React Animations
A collection of animations for CSS-in-JS libraries by the folks behind Formidable.
Check it out
Choreographer-js
Choreographer-js is a easy-to-use library for managing complex CSS animations. Made by Christine Cha.
Check it out
Free Font: Alepo
A unique, rough sketch font designed by Gatis Vilaks from Wild Type.
Get it
Open color
Open color is a color scheme for UI design. You can use it for font, background, border and more. By Heeyeun.
Check it out
Task Performance Indicator
Learn all about the management metric for customer experience in this article by Gerry McGovern.
Read it
Responsive Images 201: Client Hints
The continuation of a great series by Jason Grigsby where he dives into HTTP Client Hints.
Read it
Blend
A really nice CSS gradient generator and customizer made by Colin Keany. Read a bit more about the project here.
Check it out
Realm Mobile Platform
A flexible platform for creating offline-first, reactive mobile apps effortlessly.
Check it out
Product Design for Sustainability
Learn how products we build today can make the world more sustainable tomorrow. A great article by Artiom Dashinsky.
Read it
Variable and Function Hoisting in ES2015
Understand variable hoisting and the new ES2015 let variable in this article by Ire Aderinokun.
Check it out
A Usable Guide to Cognitive Dimensions
A in-depth and practical guide to Cognitive Dimensions by Fabio Muniz from UX Booth.
Read it
Jpeg.io
An online tool for converting major image formats into highly optimized JPEGs with great import options.
Check it out
Wenk
Wenk is a light-weight tooltip written in pure CSS using PostCSS. Made by Tiaan du Plessis.
Check it out
Text Spinners
Pure text, CSS-only, font-independent, inline loading indicators. From the folks behind Tawian.
Check it out
Developing For Virtual Reality: What We Learned
David Godon shares his experience with Virtual Reality development at Clearbridge Mobile.
Read it
Gonzocons 2.0
A super-crisp new version of 100 design & dev related line icons as icon font. Made by Jan Rajtoral.
Get it
Methods for Controlling Spacing in Web Typography
Geoff Graham show some methods and techniques for better web font control.
Read it
Videolicious
With Videolicious you can quickly and easily create your own business-quality videos.
Check it out
3 Years of Pattern Libraries: Lessons Learned
Some insightful thoughts on pattern libraries by Una Kravets.
Read it