Collective #422
![C422_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_WOTW.jpg?x25015)
Inspirational Website of the Week: Jafen Art
Smooth effects with a slick design. Our pick this week.
Get inspired![C422_Appcues](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_Appcues.png?x25015)
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![C422_connections](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_connections.jpg?x25015)
The History of Connection
A beautiful interactive WebGL experience that takes you on a historical journey of telecommunications.
Check it out![C422_kotorirose](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_kotorirose.jpg?x25015)
Free Font: Kotori Rose
A beautiful and unique typeface designed by Brian Jacob.
Get it![C422_nav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_nav.jpg?x25015)
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![C422_perf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_perf.jpg?x25015)
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![C422_empty](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_empty.jpg?x25015)
Downplaying Empty States in Design
Moses Kim writes about the important role of empty states in design.
Read it![C422_sass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_sass.jpg?x25015)
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![C422_bertha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_bertha.jpg?x25015)
Free Font: Bertha
A wonderful font family with many lovely styles. Free for a subscription.
Get it![C422_talk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_talk.jpg?x25015)
10 Things I Regret About Node.js
Ryan Dahl's eye opening JSConf talk about things he regrets about Node.js.
Watch it![C422_bitmoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_bitmoji.jpg?x25015)
Libmoji
A small library for making Bitmoji images. By Matthew Nau.
Check it out![C422_not](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_not.jpg?x25015)
Specificity in :not(), :has(), and :matches()
Eric A. Meyer shares some updates on the specificity of the negation pseudo-class.
Read it![C422_toggle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_toggle.jpg?x25015)
Wimbledon Toggle
A fun toggle made by Chris Gannon.
Check it out![C422_super](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_super.jpg?x25015)
Supercraft
A tool for creating VR content with your hands in the virtual reality browser Supermedium.
Check it out![C422_processing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_processing.jpg?x25015)
A Modern Prometheus
A great article by Casey Reas and Ben Fry on the history of Processing.
Read it![C422_arrows](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_arrows.jpg?x25015)
Arrow Head: Pattern Brushes & Vector Arrows
Over 160 hand-crafted vector arrows for your design toolbox.
Get it![C422_g6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_g6.jpg?x25015)
G6
G6 is a graph visualization framework in JavaScript.
Check it out![C422_GitXP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_GitXP.jpg?x25015)
Github XP
To "celebrate" Microsoft's acquisition of GitHub, Mårten Björk created this hilarious project.
Check it out![C422_infinity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_infinity.jpg?x25015)
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![C422_iconsapple](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_iconsapple.jpg?x25015)
The Story Behind Susan Kare's Iconic Design Work for Apple
Read the fascinating story behind some of Apple's icon designs.
Read it![C422_sketchsys](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_sketchsys.jpg?x25015)
Sketch.systems (Alpha)
With Sketch.systems you can explore how your product should work before building it.
Check it out![C422_selectors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_selectors.jpg?x25015)
Level up your CSS selector skills
David Gwyer dives into CSS selectors and shows some practical examples.
Read it![C422_singapp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C422_singapp.jpg?x25015)
Sing App Lite
A free admin dashboard template built with Bootstrap 4.
Check it out