Collective #422

Inspirational Website of the Week: Jafen Art
Smooth effects with a slick design. Our pick this week.
Get inspired
Want to become a user onboarding master?
Unlock The User Onboarding Academy today (it's free!). Get access to the complete 5-lesson course following the EMBED framework.
Unlock the academy
The History of Connection
A beautiful interactive WebGL experience that takes you on a historical journey of telecommunications.
Check it out
Free Font: Kotori Rose
A beautiful and unique typeface designed by Brian Jacob.
Get it
Priority Nav Scroller
A JavaScript plugin for the priority+ navigation pattern that hides items that don't fit into a horizontal scrollable container with controls.
Check it out
Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers
An article by David Mark Clements where he gives some useful advice on how to make high-performance Node.js servers.
Read it
Downplaying Empty States in Design
Moses Kim writes about the important role of empty states in design.
Read it
Combining the Powers of SEM and BIO for Improving CSS
An article by Ryan Yu where he explains how to use an interesting CSS technique, SEM and BIO.
Read it
Free Font: Bertha
A wonderful font family with many lovely styles. Free for a subscription.
Get it
10 Things I Regret About Node.js
Ryan Dahl's eye opening JSConf talk about things he regrets about Node.js.
Watch it
Libmoji
A small library for making Bitmoji images. By Matthew Nau.
Check it out
Specificity in :not(), :has(), and :matches()
Eric A. Meyer shares some updates on the specificity of the negation pseudo-class.
Read it
Wimbledon Toggle
A fun toggle made by Chris Gannon.
Check it out
Supercraft
A tool for creating VR content with your hands in the virtual reality browser Supermedium.
Check it out
A Modern Prometheus
A great article by Casey Reas and Ben Fry on the history of Processing.
Read it
Arrow Head: Pattern Brushes & Vector Arrows
Over 160 hand-crafted vector arrows for your design toolbox.
Get it
G6
G6 is a graph visualization framework in JavaScript.
Check it out
Github XP
To "celebrate" Microsoft's acquisition of GitHub, Mårten Björk created this hilarious project.
Check it out
1 Element CSS Rainbow Gradient Infinity
Ana Tudor shares how she recreated a gradient infinity logo with just one HTML element and some CSS goodness.
Read it
The Story Behind Susan Kare's Iconic Design Work for Apple
Read the fascinating story behind some of Apple's icon designs.
Read it
Sketch.systems (Alpha)
With Sketch.systems you can explore how your product should work before building it.
Check it out
Level up your CSS selector skills
David Gwyer dives into CSS selectors and shows some practical examples.
Read it
Sing App Lite
A free admin dashboard template built with Bootstrap 4.
Check it out