How I Made an Icon System Out of CSS Custom Properties
A nice icon system technique that takes a couple of Sass functions to parse SVGs and convert them into CSS custom properties.
Mamboleoo
Personal website of Louis Hoebregts
Latest posts
Render 3D scenes from WebGL to SVG
Learn to export a WebGL generative piece to an SVG by using the three.js library.
Animate Anything Along an SVG Path
Learn how to code creative animations using SVG paths and the getPointAtLength() function.
How to render 3D in 2D canvas
This article shows how to render 3D by only using the native 2D Canvas API in JavaScript.
Surface Sampling in Three.js
Learn how to use the MeshSurfaceSampler in Three.js to create interesting effects.
How to - Tutorials
I ve been posting short videos to breakdown some of my generative animation on social media over the years. You can find them all reunited on this page 🌈
Perfect Tooltips With CSS Clipping and Masking
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a clipping technique for tooltips showing above links in text.
Figma plugins and Generative Art
Learn how to setup a Figma plugin to generate random stars.
How to Animate the Details Element Using WAAPI
Animating accordions in JavaScript has been one of the most asked animations on websites. Let s see how we can make it happen using the native details element and the Web Animations API!
Digital Lab #1: Instagram filters
Exploring the possibilities of Instagram filters, and what they could mean for brands today.