Rägnar O'ock
@ragnar-oock.bsky.social
📤 54
📥 129
📝 113
Web 🥔 building the tools to empower others. Creator of
https://xoram.dev
reposted by
Rägnar O'ock
Kevin Powell
13 days ago
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...
3
26
3
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...
add a skeleton here at some point
17 days ago
0
2
1
reposted by
Rägnar O'ock
Adrian Roselli
about 1 month ago
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
add a skeleton here at some point
1
6
3
reposted by
Rägnar O'ock
Adrian Roselli
about 1 month ago
[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
loading . . .
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...
https://eigenmagic.net/@sundress/115048932642573175
2
3
5
reposted by
Rägnar O'ock
Foone
about 1 month ago
SIGH
13
590
30
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?
add a skeleton here at some point
about 1 month ago
2
6
4
The results from State of CSS are out.
2025.stateofcss.com
Let's go over some interesting bits...
loading . . .
State of CSS 2025
https://2025.stateofcss.com/
about 1 month ago
1
3
3
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.
loading . . .
about 2 months ago
1
0
0
Using an old artwork from
@v-0-3.bsky.social
add a skeleton here at some point
2 months ago
0
0
1
I scored 10/28 on
jsdate.wtf
, and all I got was this lousy text to share on social media.
loading . . .
new Date("wtf")
How well do you know JavaScript's Date class?
https://jsdate.wtf
2 months ago
0
0
0
Working on the
xoram.dev
demo with Tiptap and Vue again :
youtube.com/live/9rRfrSR...
www.twitch.tv/ragnar_oock
loading . . .
xoram
xoram - A lightweight plugin framework
https://xoram.dev
2 months ago
0
0
0
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
loading . . .
stream result 17/07/2025
YouTube video by Rägnar O'ock
https://youtu.be/jdgVRgMTjG4
2 months ago
0
0
0
I did it ! I'm live over there :
www.twitch.tv/ragnar_oock
|
youtube.com/live/9rRfrSR...
add a skeleton here at some point
2 months ago
0
1
0
Welp... I forgot to stream... Let's try again tomorrow
add a skeleton here at some point
2 months ago
0
0
1
reposted by
Rägnar O'ock
Adrian Roselli
2 months ago
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
loading . . .
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 ...
https://adrianroselli.com/2022/02/column-headers-and-browser-support.html
1
9
4
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...
add a skeleton here at some point
2 months ago
0
0
0
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.
loading . . .
xoram
xoram - A lightweight plugin framework
https://xoram.dev
2 months ago
0
1
1
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.
add a skeleton here at some point
2 months ago
0
1
0
reposted by
Rägnar O'ock
Alex Riviere
3 months ago
this is a perfect graph, no notes.
comicss.art/comics/193/
loading . . .
comiCSS #193: Benefits of Tailwind
Pie chart titled Benefits of Using TailwindCSS. The chart is 30% green, 55% yellow, and 15% orange. The legend is Reduced Code Bloat (red), Maintainability (blue), and Learning Curve (pink)
https://comicss.art/comics/193/
2
37
11
Oups, I did it again. *rotates your viewport*
codepen.io/ragnar_ock/p...
loading . . .
3 months ago
1
2
2
@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...
loading . . .
3 months ago
1
10
1
reposted by
Rägnar O'ock
Lily Skye
3 months ago
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
3
66
41
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...
loading . . .
3 months ago
0
0
0
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
add a skeleton here at some point
3 months ago
0
0
0
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.
loading . . .
xoram
xoram - A lightweight plugin framework
https://xoram.dev
3 months ago
0
0
1
reposted by
Rägnar O'ock
Sara Soueidan
3 months ago
'“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
loading . . .
Selfish reasons for building accessible UIs
All web developers know, at some level, that accessibility is important. But when push comes to shove, it can be hard to prioritize it above a bazillion other concerns when you’re trying to c…
https://nolanlawson.com/2025/06/16/selfish-reasons-for-building-accessible-uis/
0
57
18
reposted by
Rägnar O'ock
Mali 💤 @ Patreon 💛
3 months ago
Reposting with alt text since this is going around again!
4
11490
4524
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/...
loading . . .
zoram/index.html at master · Ragnar-Oock/zoram
GH page to redirect zoram.dev to xoram.dev. Contribute to Ragnar-Oock/zoram development by creating an account on GitHub.
https://github.com/Ragnar-Oock/zoram/blob/master/index.html
3 months ago
1
0
0
reposted by
Rägnar O'ock
Ana Tudor
3 months ago
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
add a skeleton here at some point
1
112
17
reposted by
Rägnar O'ock
Chris Ferdinandi
4 months ago
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
loading . . .
Resume
Chris Ferdinandi's Resume Location: Greater Boston, MA
[email protected]
A senior full-stack web developer specializing in JavaScript and scalable, resilient architecture. Skills and experience ...
https://gomakethings.com/resume
3
30
20
reposted by
Rägnar O'ock
VoidZero
4 months ago
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...
loading . . .
Announcing Oxlint 1.0
The first stable version of Oxlint, a fast & easy-to-use Rust-powered linter for JavaScript and TypeScript, is out. Learn about its 50~100x speed advantage over ESLint, support for 500+ rules, real-wo...
https://voidzero.dev/posts/announcing-oxlint-1-stable
10
310
71
reposted by
Rägnar O'ock
Vi
6 months ago
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 🙏❤️✨
19
802
207
reposted by
Rägnar O'ock
The Spaceshipper 🚀
8 months ago
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.
loading . . .
SOLSTICE - 5: Forgotten archives
YouTube video by Paul Chadeisson
https://www.youtube.com/watch?v=Gl2hTmgG18k
10
158
32
you reached the end!!
feeds!
log in