![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_WOTW.jpg)
Inspirational Website of the Week: Superfluid
Superfluid’s web store design is an exciting clash of colors and motion. Our pick this week.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_Baw.jpg)
15 Tools and Services Worth Checking Out
Looking for web design tools or services? Here’s a curated list for you.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_tutorialist.jpg)
Tutorialist
A great place to find the best software development tutorials from YouTube. By Dmytro Barylo.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_reacticonsys.jpg)
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.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_deep.jpg)
Deep JavaScript: Theory and techniques
A book that teaches practical JavaScript techniques by Dr. Axel Rauschmayer.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_variables.jpg)
CSS Custom Properties Fail Without Fallback
Some important notes on how CSS variables don’t support the cascade when a value is invalid.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_art.jpg)
Artvee
A great site to browse and download high-resolution, public domain artworks.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_accessiblecheckbox.jpg)
Inclusively Hiding & Styling Checkboxes and Radio Buttons
Sara Soueidan shows how to hide an element visually while keeping it screen-reader accessible.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_checkbox.jpg)
Checkboxes waves
A super-crazy smooth checkboxes animation made by Louis Hoebregts.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_z-index.jpg)
Learn Z-Index Using a Visualization Tool
Learn Z-Index and Stacking Context in a fun and interactive way.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_airplane.jpg)
Airplanes
A wonderful GSAP ScrollTrigger demo by Steve Gardner.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_z.jpg)
Snowpack + Eleventy + Sass + PostCSS
Zell Liew shares how he combined some great tools together to create websites.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_casio.jpg)
CasioPT-1.css
Sarah Fossheim’s incredible CSS-only Casio synthesizer.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_borderradius.jpg)
border-radius playground
A great tool by Jhey Tompkins that lets you visualize border radii.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_deletenode.jpg)
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.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_comparejs.jpg)
How to Compare Objects in JavaScript
Learn how to compare objects in JavaScript with referential, manual, shallow and deep equality.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_highlight.jpg)
ScrollTrigger – Highlight Text
Ryan Mulligan shows how to use the new GSAP ScrollTrigger plugin to animate highlighted text.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_halftone.jpg)
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.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_clickto.jpg)
Touch One
One of the many wonderful experiments by Jaume Sanchez Elias. Discover more in this thread.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_genetic.jpg)
Genetic Drawing
Anastasia Opara open sourced her genetic drawing project that imitates a drawing process given a target image.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_diagram.jpg)
Online text to diagram tools
A comprehensive list of text to diagram tools.
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C610_lettermotion.jpg)
Making Stagger Reveal Animations for Text
A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.
The post Collective #610 appeared first on Codrops.