Soooo... I've been working on and off on the small game I posted about last time. I've added a bunch of interactivity and, more importantly, actual gameplay in the form of placement constraints and scoring. I think I'll work on the graphics next... Try the game here : ragnar-oock.github.io/colon/

I needed to try something new for a bit, so I decided to make a board game loosely inspired by Colon Catan. So far I have the board, the things that go on it and a way to control which tile can be placed where. This silly thing is built with Vue and I wouldn't have thought it such a good fit. >>>

I got a new job about a month and a half back. And it's both funny and deeply depressing that now that I have 2 "actual experiences" on my CV (yes, I already updated my CV), I get so many more cold calls from recruiters. I went from 2 in 6 months to 8 in 5 weeks. And I don't like that fact at all

Last week I did a quick live session in my Discord community, and it worked well enough that I've decided to do monthly workshops there. The first one will be next Friday, with a CSS Grid crash course of sorts. You can join the community here: discord.gg/bRVypdE9?eve...

Me: Technology has peaked, it's only downhill from here. There's no way we can make it better. Me after looking at the rest of the thread: nevermind...

Unfortunately, standards work may be a function of who has the biggest platform for social media polls (that pre-judge the outcome). I’m hoping those who work in or near #accessibility can offer some feedback to more fundamental, not pre-judged, questions here: bsky.app/profile/aard... #a11y

[1/3] Asking the questions from this Masto post so you can respond to me here and I’ll carry them over: eigenmagic.net/@sundress/11... Think of `<label for="IDREF">` and other places you use an IDREF. 1. What are the specific pain points around using IDs? #HTML #accessibility #a11y

SIGH

If you're making websites or web apps and want to use masonry in the future, now's the time to give your opinion on how the API should work. What do you want your masonry CSS to look like?

The results from State of CSS are out. 2025.stateofcss.com Let's go over some interesting bits...

I have been wanting to make a small video game in JS for a while now. And who says video game, says game engine, right? right... As usual, I got sidetracked, and I'm now making an edit history system for xoram.dev, and I finally got it to do something interesting.

Using an old artwork from @v-0-3.bsky.social

I scored 10/28 on jsdate.wtf, and all I got was this lousy text to share on social media.

Working on the xoram.dev demo with Tiptap and Vue again : youtube.com/live/9rRfrSR... www.twitch.tv/ragnar_oock

Result of today's stream: a small xoram.dev, Vue, and Tiptap editor that supports bold, italic, 3 levels of heading, and links. Tune in tomorrow at 2 PM UTC+1, we'll do a bit of styling and try to make a plugin to auto-complete Wikipedia pages in the link pop-up window. youtu.be/jdgVRgMTjG4

I did it ! I'm live over there : www.twitch.tv/ragnar_oock | youtube.com/live/9rRfrSR...

Welp... I forgot to stream... Let's try again tomorrow

I need to dispel some table accessibility myths. 1. `<thead>` and `<tbody>` are not exposed to users. Using `<thead>` to wrap multiple header rows has no effect (and you shouldn’t have multiple header rows). Partial ref: adrianroselli.com/2022/02/colu... [1/3] #accessibility #a11y #HTML

I forgot to post about it but... The integration package for xoram and @vuejs.org is out. It's called panoramique and it uses pinia to create a dynamic component tree you can manipulate dynamically from any dependent xoram plugin. Check out the doc here : xoram.dev/plugins/pano...

Challenge to myself : I stream on twitch tomorrow to work on a demo of @tiptap.dev using xoram.dev to create an a-la-carte menu for some default extension (bold, italic, underline, ul, ol, link) and a custom one, I'm still on the fence on what to make it about.

Vapor mode finally hitting alpha! It can mean huge bundle size reduction if you use Vue to build dynamic islands or JAMStack style web apps/sites.

this is a perfect graph, no notes. comicss.art/comics/193/

Oups, I did it again. *rotates your viewport* codepen.io/ragnar_ock/p...

@kevinpowell.co challenged me to adapt my rotation cube view-transition to a scroll-based animation. It kinda works with #CSSonly but I think using a bit of JS and view-transitions between sections would look better, I might try it in the future. codepen.io/ragnar_ock/p...

ANNOUNCEMENT: I'm looking for work! I'm a JavaScript/TypeScript expert with a ton of experience in Node, ASTs, Testing Frameworks, Docker, and more! - 10 years experience - Former core maintainer of Prettier - 315 GitHub repos, 198 npm packages suchipi.com/Resume2025.pdf

Experimented a bit with animation-timeline today, those are really fun to play with. I can't wait for it to hit baseline so designers can go ham with them. codepen.io/ragnar_ock/p...

Apparently there's a windows manager for linux that allowed you to do that kind of stuff more than a decade ago... maybe there is such a thing as "too much transition" after all

After 3 months of work I can finally brag about it here, I've released my first NPM package! It's called xoram and it's a small plugin engine inspired by Vue's composition API. You can check the documentation on xoram.dev I'm also working on a tie-in package to integrate with @vuejs.org and Pinia.

'“eat your vegetables” is one of the least effective arguments in the world. [..] I would like to list some of my personal, completely selfish reasons for building accessible UIs. No finger-wagging here: just good old hardheaded self-interest!' nolanlawson.com/2025/06/16/s... #a11y

Reposting with alt text since this is going around again!

I often do cursed things when writing JS or TS, but today I innovated, I did a DNSxHTML cursed thing. Behold the smallest index.html you might have ever seen: <meta http-equiv="refresh" content="0; url=https://xoram.dev/" /> github.com/Ragnar-Oock/...

I have a new article out. It's about a better technique to create grainy gradients, without the big problem that layering a noise layer brings: altering the original gradient palette (to a greater or lesser extent, depending on the approach used). #CSS #SVG #filter

If anyone is hiring, I'm still looking for my next thing. Senior Frontend/Fullstack Developer. Skilled at HTML/CSS/JavaScript, React, UI/UX, A11Y, web performance, design systems, Web Components, and more. I'd love to work with you! gomakethings.com/resume

We're thrilled to announce the first stable release of Oxlint - version 1.0! Our Rust-powered JavaScript/TypeScript linter delivers 50~100x faster performance than ESLint with 500+ rules and zero configuration required. Time to give it a try! voidzero.dev/posts/announ...

My entry for Global Comic Awards is finished and ready to read! We worked very hard on it and it would mean a lot if you could check it out 🙏❤️✨

Concept artist wizard @paulchadeisson.bsky.social (Foundation, Homeworld 3, Dune Part 2, Dune Prophecy, Alien Romulus, Alien Earth, The Creator, etc) released a second Solstice-5 short! This is sci-fi.