Collective #610
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_WOTW.jpg?x86293)
Inspirational Website of the Week: Superfluid
Superfluid's web store design is an exciting clash of colors and motion. Our pick this week.
Get inspired![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_Baw.jpg?x86293)
15 Tools and Services Worth Checking Out
Looking for web design tools or services? Here's a curated list for you.
Discover them now![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_tutorialist.jpg?x86293)
Tutorialist
A great place to find the best software development tutorials from YouTube. By Dmytro Barylo.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_reacticonsys.jpg?x86293)
React Icon System
A tutorial on how to set up an icon system using SVGR, a tool for transforming SVGs into React components. By Varun Vachhar.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_deep.jpg?x86293)
Deep JavaScript: Theory and techniques
A book that teaches practical JavaScript techniques by Dr. Axel Rauschmayer.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_variables.jpg?x86293)
CSS Custom Properties Fail Without Fallback
Some important notes on how CSS variables don't support the cascade when a value is invalid.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_art.jpg?x86293)
Artvee
A great site to browse and download high-resolution, public domain artworks.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_accessiblecheckbox.jpg?x86293)
Inclusively Hiding & Styling Checkboxes and Radio Buttons
Sara Soueidan shows how to hide an element visually while keeping it screen-reader accessible.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_checkbox.jpg?x86293)
Checkboxes waves
A super-crazy smooth checkboxes animation made by Louis Hoebregts.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_z-index.jpg?x86293)
Learn Z-Index Using a Visualization Tool
Learn Z-Index and Stacking Context in a fun and interactive way.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_airplane.jpg?x86293)
Airplanes
A wonderful GSAP ScrollTrigger demo by Steve Gardner.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_z.jpg?x86293)
Snowpack + Eleventy + Sass + PostCSS
Zell Liew shares how he combined some great tools together to create websites.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_casio.jpg?x86293)
CasioPT-1.css
Sarah Fossheim's incredible CSS-only Casio synthesizer.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_borderradius.jpg?x86293)
border-radius playground
A great tool by Jhey Tompkins that lets you visualize border radii.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_deletenode.jpg?x86293)
How to delete all node_modules directories from your computer
Chris Fernandi distills a practical technique of freeing up space on your machine by deleting all node_modules folders.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_comparejs.jpg?x86293)
How to Compare Objects in JavaScript
Learn how to compare objects in JavaScript with referential, manual, shallow and deep equality.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_highlight.jpg?x86293)
ScrollTrigger - Highlight Text
Ryan Mulligan shows how to use the new GSAP ScrollTrigger plugin to animate highlighted text.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_halftone.jpg?x86293)
Pure CSS halftone portrait from .jpg source
A great demo by Ana Tudor which shows a pure CSS halftone effect. View with a blend modes capable browser.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_clickto.jpg?x86293)
Touch One
One of the many wonderful experiments by Jaume Sanchez Elias. Discover more in this thread.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_genetic.jpg?x86293)
Genetic Drawing
Anastasia Opara open sourced her genetic drawing project that imitates a drawing process given a target image.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_diagram.jpg?x86293)
Online text to diagram tools
A comprehensive list of text to diagram tools.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/06/C610_lettermotion.jpg?x86293)
Making Stagger Reveal Animations for Text
A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.
Check it out