Rägnar O'ock
@ragnar-oock.bsky.social
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. >>>
This silly thing is built with Vue and I wouldn't have thought it such a good fit. >>>
November 6, 2025 at 11:42 PM
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. >>>
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
And I don't like that fact at all
October 28, 2025 at 7:30 PM
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
And I don't like that fact at all
Reposted by Rägnar O'ock
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...
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...
September 11, 2025 at 3:21 PM
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...
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...
Me after looking at the rest of the thread: nevermind...
Did you know your MacBook has a sensor that knows the exact angle of the screen hinge?
It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.
It’s not exposed as a public API, but I figured out a way to read it and make it sound like an old wooden door.
September 7, 2025 at 4:34 PM
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...
Me after looking at the rest of the thread: nevermind...
Reposted by Rägnar O'ock
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
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 `
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 `
Alice Boxhall (@[email protected])
There are some posts doing the rounds at the moment asking questions about using IDREF attributes like `for` without using IDs.
I think these polls are asking the wrong questions. I think these are t...
eigenmagic.net
August 19, 2025 at 2:16 PM
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
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
Reposted by Rägnar O'ock
[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 `
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 `
Alice Boxhall (@[email protected])
There are some posts doing the rounds at the moment asking questions about using IDREF attributes like `for` without using IDs.
I think these polls are asking the wrong questions. I think these are t...
eigenmagic.net
August 18, 2025 at 2:48 PM
[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 `
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 `
Reposted by Rägnar O'ock
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?
What do you want your masonry CSS to look like?
Have you had a chance to read about `item-flow` and CSS Masonry?
webkit.org/blog/17219/i...
What do you think about the two open questions? We need feedback from the people who make websites…
webkit.org/blog/17219/i...
What do you think about the two open questions? We need feedback from the people who make websites…
Item Flow – Part 2: next steps for Masonry
Back in March, we published Item Flow, Part 1: a new unified concept for layout, an article about a new idea for unifying flex-flow and grid-auto-flow into a single set of properties under a new item-...
webkit.org
August 13, 2025 at 1:08 PM
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?
What do you want your masonry CSS to look like?
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.
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.
August 8, 2025 at 8:24 PM
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.
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
July 26, 2025 at 9:03 PM
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.
new Date("wtf")
How well do you know JavaScript's Date class?
jsdate.wtf
July 18, 2025 at 2:18 PM
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
youtube.com/live/9rRfrSR...
www.twitch.tv/ragnar_oock
xoram
xoram - A lightweight plugin framework
xoram.dev
July 18, 2025 at 12:06 PM
Working on the xoram.dev demo with Tiptap and Vue again :
youtube.com/live/9rRfrSR...
www.twitch.tv/ragnar_oock
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
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
stream result 17/07/2025
YouTube video by Rägnar O'ock
youtu.be
July 17, 2025 at 5:10 PM
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
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
July 17, 2025 at 1:26 PM
Welp... I forgot to stream... Let's try again tomorrow
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.
xoram
xoram - A lightweight plugin framework
xoram.dev
July 16, 2025 at 10:31 PM
Welp... I forgot to stream... Let's try again tomorrow
Reposted by Rägnar O'ock
I need to dispel some table accessibility myths.
1. `` and `` are not exposed to users. Using `` 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
1. `` and `` are not exposed to users. Using `` 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
Column Headers and Browser Support
Data tables need column headers. Monolitten, a granite column of humans (each with a head) at Vigelandsanlegget, a sculpture park in Frognerparken in Oslo, Norway. What they probably do not need is a ...
adrianroselli.com
July 15, 2025 at 2:51 PM
I need to dispel some table accessibility myths.
1. `` and `` are not exposed to users. Using `` 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
![]()
1. `` and `` are not exposed to users. Using `` 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...
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...
July 15, 2025 at 11:21 PM
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...
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.
xoram
xoram - A lightweight plugin framework
xoram.dev
July 15, 2025 at 11:15 PM
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.
July 12, 2025 at 5:06 PM
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.
June 30, 2025 at 1:34 PM
@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...
codepen.io/ragnar_ock/p...
June 29, 2025 at 6:42 PM
@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...
codepen.io/ragnar_ock/p...
Reposted by Rägnar O'ock
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
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
June 27, 2025 at 9:24 PM
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
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...
codepen.io/ragnar_ock/p...
June 27, 2025 at 11:29 PM
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...
codepen.io/ragnar_ock/p...
English
300
Connect Bluesky
Enter your Bluesky handle and app password to unlock posting, likes, and your Following feed.
Need an app password? Open Bluesky, go to Settings > App passwords, and create a new one.
Connect with Bluesky
Sign in with your Bluesky account to unlock posting, likes, and your Following feed.