James Stuckey Weber

Bootstrap 6 alpha 1 got announced today: blog.getbootstrap.com/2026/10/08/b... Great to see how many modern CSS features the project is now leaning into: @property, @layer, @starting-style, oklch(), color-mix(), light-dark(), interpolate-size, :has(), … (Yes, Bootstrap still is a thing)

When do you actually need a grid system? From the archives, Miriam Suzanne explores modern CSS layouts with Flexbox, CSS Grid, and custom properties. Watch: youtu.be/mDRfFEcj3-Q Join us at DjangoCon US 2027: ti.to/defna/django... #Django #CSS

I've heard that CSS subgrid is difficult to progressively enhance – and I disagree! Here's how I create subgrid fallbacks with one small addition. youtu.be/2ESqkg20JaE Join my @smashingconf.com workshop for more maintainable CSS! smashingconf.com/online-works... #CSS

Excellent table from the HTML spec.

One of the few proposals for funding OSS that feels like it could actually work

… and that's my rank! 2027 edition www.alwaystwisted.com/articles/and...

CSS has changed dramatically in the last 6 years, but always building on core principles of resilience & design systems. Join me in October for a 5-day (3-week) @smashingconf.com workshop about how it all fits together, and how to make it work for your team: smashingconf.com/online-works... #CSS

📝 When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. Here's how it works: jakearchibald.com/2026/css-cus...

When we got modals with dialog, it already seemed like something that was a pain in the butt was just so easy now... add invoker commands into the mix, and it's almost too easy 😅

At what point do you disregard the HTML spec's recommendation to do something to support legacy browsers? All browsers have supported the `<progress>` element since at least 2013, so no, I won't be setting the value as inline text for legacy browsers.

CSS is awesome... this time with `text-fit: shrink` and `text-box` trimming.

Next week I'll be headed to Chicago to speak at @djangocon.us about all the great new things your user's browser can do. If you're there, say hi!

🎙️ Just published a new episode of Wake Up Excited!: Pottery, Theater, CSS Collaboration, and the Ethics of AI with Miriam Suzanne. Have a listen:

Issue 2 of If Not This... What does a web created by the daughters of traumatised Yoruba WWII soldiers look like? I'm reflecting on some of my research looking at the importance of WW2 for the advancement for computing & the exploitation of Nigerian soldiers. buttondown.com/ifnotthis/ar...

Today is the last day to get early bird pricing for the Poetic CSS course! Learn to write & review CSS with confidence. The first module is live, with more coming through the summer & fall. Get the full course as it's ready, without waiting to pay full price: courses.oddbird.net/poetic-css/ #CSS

Very much looking forward to more of this. The first issue is fascinating!

I was curious to recreate those scrolly collapsing World Cup brackets I've been seeing, and it's fairly straightforward with anchor positioning, scroll snap, and scroll triggered animations. codepen.io/jamessw/pen/... (Chrome 150+ only)

I want to make an iframe a popover, something like <iframe popover loading="lazy">. Then each tooltip can be its own document. But content is no longer accessible by keyboard, unless you wrap the iframe in a div that is the popover.

This is a great write up. (And as tech support for the anchor positioning polyfill, the disclaimer about not being tech support for the polyfill made me laugh out loud)

Updated my slidy-collapsey bracket with the latest result!

I've been in "Can it work in 8-year-old browsers?" mode, so I decided to see what I could do with some of the newest things. Scroll-animated border-area gradients? Squircles? Anchor positioned node connections? Try it in Chromium 150+.

Just published a blog post about the new CSS Anchor Positioning API! ⚓ I’ve been learning about it over the past few weeks, and it’s friggin’ great, but it also took me a minute to really get the hang of it. My goal in this post is to share the most useful bits, so you can start using it today. 🔥

I consider myself a person who knows a lot about CSS... but @miriam.codes' knowledge eclipses mine by ~10,000%. She brings an artistry to the discipline of authoring CSS and I'm sure anyone – whether newbie or old-timer like myself – can learn a lot from her course.

Poetic CSS course is live for early-bird registration! Only available during July. Thanks for your patience, we had some last-minute fixes. #css courses.oddbird.net/poetic-css/

🎤 Speaker Spotlight James Stuckey Weber joins DjangoCon US 2026 with: "But did you know the browser already does that?" Learn how modern browser capabilities and tools like Baseline can help you build more with less JavaScript. #Django #Python #WebDev

In urgent need of funds. If you know of anyone looking for contract/freelance web development work please send them my way! I specialize in accessibility, design systems, & documentation. Open to full stack as well! Email: inquiries@semanticfish.com Website: semanticfish.com

Heyo! I am officially open to new opportunities. If you stumble across something you believe I would be a good fit for, please let me know. Thanks so much 🙌

This Thursday, @stacykvernmo.com and I will Wing It live, looking at #CSS grid-lanes (now in WebKit/Safari). Neither of us have had a chance to actually play with it yet, and we're excited to see how it works. Come learn with us! youtube.com/live/siSCSaq...

Sure, I could carefully develop a plan for introducing allergens to the baby, or I could put them all in a smoothie for the 5 year old to accidentally spill on the baby.

I'm sad to miss you all at #CSSDay this year! Wish I could be there, and see all the great talks. In the spirit of the event, I'm launching my new #CSS course – Poetic CSS! The first module is ready, and early bird tickets will go on sale for the month of July. courses.oddbird.net/poetic-css/

Might be playing too much ultimate frisbee... just wrote "backend and foreend".

I’m curious- anchor positioning usage has jumped up about 5x in the last 2 months based on Chrome stats and polyfill downloads. Any ideas why now?

I'm excited that I've been selected to speak at DjangoCon this year! I'll be there to share a few of the many new things browsers can do natively like popovers and view transitions, and how to know if they are ready to use.

In 45m (11am MT) I'll be Winging It with @stacykvernmo.com for a look at #CSS shorthands, how they work, when to use them, and some ways they might surprise you. It's a side-quest that will be bonus material in my upcoming course – early bird signup available soon! www.youtube.com/watch?v=NX7E...

You have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you’re thinking about how to quickly implement a theme based on those colors. Baseline features can help! www.oddbird.net/2026/05/14/b... In May OddNews mailchi.mp/oddbird/fast... #CSS

There's actual gamut mapping of wide-gamut colors in Firefox Nightly- I'm going to play around with it a bit and see how it's working. It's in Firefox Nightly 153, by setting layout.css.gamut-mapping.method to 2.

I still think we need the choice! Sucks both ways if it’s a binary state; vibrancy for gradients or mapping for calculated a11y contrast not having both to choose seems only limited by ability to articulate, not calculate. Also, lovely post and studies. A good read.