Profile avatar
jonathanneal.bsky.social
I still like you just the way you are.
52 posts 99 followers 51 following
Prolific Poster
Conversation Starter

Fun pop the bubbles game. ehmorris.com/bubbles/

Recreating the Nintendo Switch Homescreen scroll UX - 90% done with CSS - a li'l JS for sounds, vibrations n' taps nerdy.dev/nintendo-swi...

Is it just me or does every discipline have this problem?: Endless resources on “getting started” Intermediate: 🦗 🦗 🦗 Many resources on specific techniques (once you know what to look for)

Did you know there’s a web browser on the Nintendo Switch 2? It’s called NetFront Browser NX and it’s built on the WebKit rendering engine. A favorite for those wanting speed, battery-life, and privacy. www.access-company.com/en/news_even...

Web sites with a Facebook pixel were communicating with local native apps (Instagram, Facebook, maybe WhatsApp) to log (and attribute) incognito web browsing activity. Write-up: localmess.github.io Story: english.elpais.com/technology/2...

👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.

I get such a crazy amount of mileage out of components (and other libraries built on native platform features) I've built over the years, that building apps really has become a "lego building blocks" kind of experience, and I can just be crazy productive instead of updating a bunch of old shit

ITS HAPPENING Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations

Update: She’s here!

You use accessible components but your designs still have accessibility issues. Sound familiar? I published a 2-part series exploring why these issues persist and how to solve them with a set of design system annotations that can capture critical accessibility details. github.blog/engineering/...

I made a plain sudoku for playin’ sudoku. Thoughts on my first version? A difficulty picker, right? What else? jonneal.dev/sudoku github.com/jonathantnea...

Been annoyed by web fonts for a while. They’re big and they were connecting my blog to Google. I stumbled on modernfontstacks.com earlier today and now I’ve ditched my web fonts in favour of these. ~140kb shaved off the first load of my site. First impressions matter.

Me hovering over an icon button and hoping the alt text to comes up to tell me wtf it does

Thanks to @kevinpowell.co the MOST ANNOYING thing about CSS is improved in @webstudio.is. Now users won't see Transforms section when display is inline.

Is naming blocks genuinely one of the hardest parts of a CMS build? I just wrote a blog about it: joloveridge.co.uk/is-naming-bl... #wordpress #cms #accessibility #a11y

In popular Toggle Group components, clicking the selected item de-selects it. I’m curious; should it behave more like a radio group, or at least offer that option? Like, if I click “Align Right” repeatedly, should “Align Right” stay selected? That’s how it works in documents.🤔

During my livestream yesterday, I talked about Figma Sites for a little bit. I've broken it off into a short, stand-alone video. I don't normally like bashing a company, but when a company of Figma's size makes a product this bad, I think it's important to call them out on it. youtu.be/ZsFIvULxkHI

Drawing inspiration from the incredible React ARIA! A calendar web component is coming soon.

[New blog post] Are CSS Carousels accessible sarasoueidan.com/blog/css-car... In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec. #a11y

Embracing Web Platform and cooking html paste support in @webstudio.is.

Please peek at this first pass of <a-toast-list> jsxtools.com/aui/elements...

The very humble beginning of a custom elements love letter to @base-ui.com. jsxtools.com/aui/

So good!

The W3C's Advisory Board (AB) elections are open all of this month. www.w3.org/news/2025/w3... I'm nominated! See my statement on hidde.blog/ab/ If you work for a W3C Member and feel I'd be a good fit, please let your AC rep know (they can vote)! 💜 For questions, reach out, I'm happy to chat more

How to declaratively add behavior to buttons with the Invoker Commands API. Covers: Why do we need Invokers? Control popovers, dialog elements with invokers Control anything with custom invoker events What is OpenUI? With @jamessw.com @miriam.codes @lukewarlow.dev www.oddbird.net/2025/04/17/w...

Designing and authoring the documentation for this component library turned out to be too difficult on my own. I’ll clean up what I can and post the components tomorrow for posterity. I’ll be focusing instead on finding new work.

I’ll be working on my component library in the open, but I want to prepare a site to document what I do as I go. Preparing that site has become its own thing. 😅

Giving anchor-tool.com a much-needed little facelift.

More @base-ui.com inspired Custom Elements: • <a-toast-list> made of • <a-toast> appended from • <button command="--add-toast">

Happy me! I got to contribute to the latest invokers polyfill! github.com/keithamus/in...

#tinyCSStip Want to make an element start animating (for ex rotating) on hover, pause when unhovered, then resume animating when hovered again? All while applying other style changes on hover? It's possible with pure #CSS & very little code! CodePen demo https://codepen.io/thebabydino/pen/yLQdMqw

What if you could define CSS in CSSStyleSheet()? new CSSStyleSheet({ text: ":host { … }" }) Curious? I opened a proposal: github.com/w3c/csswg-dr...

The Principles Of Web Accessibility are now available in • French • Spanish • Dutch • Japanese 🤘🤘 github.com/Heydon/princ...

✨ Need HTML/CSS cleanup? ✨ Component architecture help? ✨ Design Systems guidance? ✅ 10+ years experience. 💻 Available for short-term contracts & long-term collaborations. 👇 Let's untangle your front-end knots 👇 🌐 www.alwaystwisted.com #FrontEnd #WebDev #DesignSystems #WebDesign

Things are steadily coming along.

I’m brushing up on the latest web specs and proposals — from form associated custom elements to context protocols — and all the bits that make the platform better. Wherever I land next, I hope what I’m learning now helps me build tools that make life easier for the folks I work with.