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