Collective #598
Inspirational Website of the Week: Wannabe — Toys
A real masterpiece with playful interactions and unique design details. Our pick this week.
Get inspired
The Divi Birthday Sale
Divi's biggest discount of the year so far has arrived: get 20% off when you join today!
Get Divi now
Backstage
An open platform for building developer portals by Spotify.
Check it out
Flexible Repeating SVG Masks
A CSS technique for using SVG as repeating masks by Tyler Gaw.
Check it out
Positioning Text Along a Path with CSS
A great article by Michelle Barker on the fun things we can do with CSS Motion Path.
Read it
Currying in CSS?
Is this an example of currying in CSS? An interesting case by Trys Mudford.
Check it out
‘CSS X’
Bert Bos on the idea and problematic of CSS versioning.
Check it out
Building with Friction
Tim Kadlec on the importance of introducing some friction in our workflow to help prevent the wrong actions.
Read it
npm is joining GitHub
Read the announcement on Microsoft-owned GitHub signing an agreement to acquire npm.
Check it out
Gray Spiral Delaunay with Texture
A beautiful spiral demo by Johan Karlsson. Click to generate a new pattern.
Check it out
Mutik
A tiny immutable state management library based on Immer. By Jared Palmer.
Check it out
LoveIt Theme for Hugo
LoveIt is a clean, elegant but advanced blog theme for Hugo.
Check it out
Droplet Loader
A fantastic loader demo by Chris Gannon.
Check it out
Payforlayers
Some free PNG illustrations by Carlos Px.
Check it out
For of loops in Javascript one loop to rule them all
An article by Jonathan Creamer that explains the for of loop in JavaScript.
VanillaJSChess
A simple Chess engine made with vanilla JavaScript.
Check it out
Tabler Icons
A set of over 300 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Check it out
Ideas for Distorted Link Effects on Menus
After showing how to use SVG filters for line distortion effects on links, here are some examples of how to use this kind of decorative style on menus.
Check it out
Create a Wave Motion Effect on an Image with Three.js
Learn how to make a wave motion effect on an image with Three.js and simplex noise.
Check it out