CSS Christmath
dotCSS 2017
With a little bit of math you can achieve an infinity of crazy effects in CSS using a preprocessor like SASS. Louis shows you how to create a Christmas bauble in pure CSS.
Watch the videoI explore
I write
-
Playing With Particles Using the Web Animations API
CSS-Tricks
When it comes to motion and animations, there is probably nothing I love more than particles. This is why every time I explore new technologies I always end up creating demos with as many particles as I can.
Read more
In this post, we’ll make even more particle magic using the Web Animations API to create a firework effect when clicking on a button. -
Simulating Mouse Movement
CSS-Tricks
If you’ve ever had to display an interactive animation during a live talk or a class, then you may know that it’s not always easy to interact with your slides and while talking.
Read more -
Spacings and CSS Custom properties
Base Design Voices
Early on when working on the website for Antwerp’s fashion museum MoMu, we decided to follow a more systematic approach to design. It made a lot of sense for the project, as it had to be a scalable system much more than a custom designed set of pages.
Read more -
Decorative WebGL Backgrounds
Codrops
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
Read more -
The trick to viewport units on mobile
CSS-Tricks
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own opinions about how to implement them.
Read more -
Creating a Panning Effect for SVG
CSS-Tricks
Allowing users to drag & drop elements inside an SVG can be more complex than with HTML elements. In this article we'll see how to manage that without a library.
Read more -
Infinite Tubes with Three.js
Codrops
Some WebGL experiments where the viewer seemingly travels through a textured tunnel. Powered by Three.js and inspired by the effect seen on fornasetti.com.
Read more -
How to convert an image into particles
CodePen
In this tutorial I will just explain how to generate an array filled with coordinates from the pixels of our image.
Read more
I speak
-
-
The web is my private playground
Fronteers
During this CodePen Meetup I explained how I created this Nucleus demo.
Watch the video -
Nucleus
DPDK CodePen Meetup
Maybe the web is something you only know from 9am to 6pm. But when the lights go out, the web becomes a giant sandbox for some gremlins like me where we can let our brain play and relax. Let me introduce you to my private world.
Watch the video