New CSS article: Simulating Container Style Queries with CSS Animations. https://t.co/Xqx94Z6JRb

Building a simple GUI for my CLI asset generation tools.

The video doesn't show the rasters off that well, so here's a couple of screen grabs

#AtariSTE platform engine update: Added some enemy sprites (up to 32x64) to the Leander demo and reduced raster step from 10 to 5 scanlines, giving even more colours. I think this is about as far as I can go in this iteration without dropping MOD playback.

Real hardware test. Decided to make something new using the Sunnyland assets by @ansimuz. The asset tooling makes spinning up new projects easy. Dropped MOD playback to 25kHz. Tune is “Daylight” by WVL #AtariSTE

Sound in the video isn't great, and the capture has dropped a frame or two. Playing with this on real hardware is *very* satisfying.

Back hacking on my #AtariSTE platform game engine😄 Current status: full 320x200 4 plane, 8 way scrolling @ 50FPS, with parallax, rock-solid rasters, Blitter sprites and all while playing a 4-channel MOD at 50kHz. Hopefully twitter doesn't compress the hell out of this...

Made a new Web Component: RichInput. It's a drop-in replacement for text-based <input> elements that can colourise user input. A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)` https://t.co/OtGWFoH3Hw

A few years ago, I wrote a "JSON to Type Doc" tool, which I use for all JS/TS projects that talk to JSON-based APIs but lack type definitions. I've moved it to a more accessible location and made some improvements. I hope it's useful to some of you. https://t.co/gRKI9FQaZo

Really been enjoying Atomfall. The exploration and puzzle aspects really appeal to me. Now I’ve reached the latter part of the game, I find myself constantly overrun by Thrall enemies, which has sapped the fun out of the game.

Added uniforms support to my <shaderview> Web Component. You can now pass data to a shader from JavaScript using `element.setUniform()`. There are some basic pointer tracking examples on the website. https://t.co/L7KgOodiXm

Using pointer distance to control the expression is fun. I can make the face look excited as the pointer moves closer and become sad as it moves away :D

Adding support for uniforms to <shaderview>. This example is an animated smiley that tracks the pointer position. Original shader can be found here: https://t.co/YxoF07SGBW

I'm looking for a full-time frontend role in the UK. If you need an experienced frontend developer (ideally remote), please send me a DM. https://t.co/iMu0AeBiGt

Updated my Shaderview Web Component to offload rendering to a Web Worker. The performance difference is massive now that the main thread is unblocked. I've also used an IntersectionObserver to pause running shaders when they leave the viewport. ⚡ https://t.co/4OU356jNSK

Shaderview. A Web Component for rendering WebGL shaders in your web pages. https://t.co/L7KgOodiXm

Working on a <shaderview> Web Component that can render GLSL fragment shaders into HTML documents. Shaders receive a limit set of uniforms that are controlled by DOM attribute/properties, allowing scroll linking and playback control. Shaders in this vid are from @shadertoy

Contemplating writing a new version of my CSS toggle dev tools extension but not sure how widely used it is nowadays. Does anyone here use it? https://t.co/ZnMb5Y6s2e

It's hard to stay positive about job hunting after spending hours preparing an application that seems to disappear into the ether, never to be seen again. Recruitment has changed so much since I last applied for a job (over 10 years ago).

I'm currently looking for a front-end role. If you're looking for an experienced UK-based developer/engineer, please drop me a DM.