Collective #610
Publikováno: 18.6.2020
Tutorialist * Deep JavaScript * React Icon System * Artvee * How to Compare Objects in JavaScript
The post Collective #610 appeared first on Codrops.
Inspirational Website of the Week: Superfluid
Superfluid’s web store design is an exciting clash of colors and motion. Our pick this week.
Top 15 Tools and Services that you should check out
It is easy to find an app or tool that you can use to solve a particular web design problem and we have selected them for you.
Tutorialist
A great place to find the best software development tutorials from YouTube. By Dmytro Barylo.
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.
Deep JavaScript: Theory and techniques
A book that teaches practical JavaScript techniques by Dr. Axel Rauschmayer.
CSS Custom Properties Fail Without Fallback
Some important notes on how CSS variables don’t support the cascade when a value is invalid.
Artvee
A great site to browse and download high-resolution, public domain artworks.
Inclusively Hiding & Styling Checkboxes and Radio Buttons
Sara Soueidan shows how to hide an element visually while keeping it screen-reader accessible.
Checkboxes waves
A super-crazy smooth checkboxes animation made by Louis Hoebregts.
Learn Z-Index Using a Visualization Tool
Learn Z-Index and Stacking Context in a fun and interactive way.
Airplanes
A wonderful GSAP ScrollTrigger demo by Steve Gardner.
Snowpack + Eleventy + Sass + PostCSS
Zell Liew shares how he combined some great tools together to create websites.
CasioPT-1.css
Sarah Fossheim’s incredible CSS-only Casio synthesizer.
border-radius playground
A great tool by Jhey Tompkins that lets you visualize border radii.
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.
How to Compare Objects in JavaScript
Learn how to compare objects in JavaScript with referential, manual, shallow and deep equality.
ScrollTrigger – Highlight Text
Ryan Mulligan shows how to use the new GSAP ScrollTrigger plugin to animate highlighted text.
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.
Touch One
One of the many wonderful experiments by Jaume Sanchez Elias. Discover more in this thread.
Genetic Drawing
Anastasia Opara open sourced her genetic drawing project that imitates a drawing process given a target image.
Online text to diagram tools
A comprehensive list of text to diagram tools.
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.