New Experiments and Scrollbar Properties
Hey Folks,
We're firmly in Balumtine'th Week, hope you take some time to tell those you love how much they mean to you!
A Thing I Made
I decided my old motion experiments were looking a little drab and uninteresting, so I decided to refactor it—as one does.
The previous version was built with 11ty and a premise of not REALLY using any build tools. This also meant my LSP's had no source to pull vendor methods from—so no autocomplete for me. After working with some Vite prototype kits I've come to appreciate having access to the power of Node, and I wanted to see if I could ONLY use Vite to power a small static demo-collection site.
Turns out you can. To automate everything, I made a few functions that:
- Cycle through all the HTML files as entrypoints, processing everything attached to them.
- Cycle through every JSON file attached to these demos and builds an array of these, and outputs these to a JSON file
From there, I can stitch everything together from that JSON file and just serve the static generated files from Github Pages. And to top it off, I wrote some shell scripts to auto-generate new entries for me through interactive CLI prompts.
Is this the best approach? Probably not. Is it easier and less maintenance than what I had before? Yes, absolutely. Sooo, success! 😎
You can see the new experiments page here and check out the source as well.
Interesting Web Bits
- An intro to Web Components
- Looks like Chrome will support Firefox-style scrollbar properties
- A deep dive into caustics with shaders
- Apparently Adobe has no plans to ressurrect XD 🤔
- Canabalt (an old flash game) was ported to HTML but more interestingly they released the source code
- A clever little climbing platformer about staying together