leanrada.com notes

Check out the following CSS animations (touch to play): these are CSS-based graphics and animations, you probably need to visit the website to see If you wanted to implement complex procedural animations (like physics) on the web, you’d probably go for JS…

I created a new visualisation for my homepage rotation.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

I wrote automated tests to keep track of my site’s URLs and prevent links from breaking.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

This website is editable!

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

I made Lima Gang, a map-based visualization, over a weekend using ‘vibecoding’.

I started making my own RSS reader webapp (a what reader?).

When developing my website, I’m using a simple client-side script to automatically reload the page whenever I make a change to the source files.

A year ago, I stood by the statement that AI Art is not Generative Art, arguing that the term ‘generative art’ is an art movement in itself that is separate from AI art.

Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!

For quick and dirty rendering of simple dynamic content, you may not need the complexity of a templating language like Handlebars or a PHP backend.

I rewrote this website in vanilla HTML/CSS/JS.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

tl;dr: use place-content: center on a grid container. .container { display: grid; place-content: center; } Here’s how that looks like: div child That’s it.

Last May, Apple announced a new feature called Vehicle Motion Cues for their iOS devices.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.

For RSS readers: This article contains interactive content available on the original post on leanrada.com.