Houdini Paint CSS Dojo

2021
Personal Project

url - https://css-houdini-dojo.georgi-nikolov.com/

code - https://github.com/gnikoloff/houdini-dojo


Technologies Used:

CSS Paint API

Role:

Development

Category:

CSS, JS

Renders of my CSS Houdini experiments

I made a demo page to explore the emerging CSS Houdini Paint API. I ported some of my old canvas works to the new API. CSS Houdini is great and easy to use, since it is essentially a stripped down version of the canvas2D API. Two major things are missing: text methods and direct pixel manipulation and access.

The API is unfortunately still not supported in Firefox and Safari, so a polyfill is needed.

I published the Paintlets as standalone npm packages for easy embedding and using.

This project was featured on the Tympanus Codrops Collective 646. Some of the paintlets are also featured on https://houdini.how/.