Sign in

James Stuckey Weber

@jamessw.com
430 followers 163 following 297 posts

Web Developer and builder of tools Web Developers use. @oddbird.dev

PostsRepliesMedia
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 16/09/2026
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
youtu.be
CSS Progressive Enhancement with Subgrid
YouTube video by Winging It
03210
James Stuckey Weber @jamessw.com · 15/09/2026
Excellent table from the HTML spec.
A table showing the average and maximum legs and tails for Cats and English Speakers. Interestingly, the maximum number of legs for an English speaker is 4, and the average number of tails for English speakers is 0.33.
020
Reposted by James Stuckey Weber
Nick Williams @wicky.nillia.ms · 13/09/2026
One of the few proposals for funding OSS that feels like it could actually work
062
Reposted by James Stuckey Weber
Stuart Robson @sturobson.com · 11/09/2026
… and that's my rank! 2027 edition www.alwaystwisted.com/articles/and...
alwaystwisted.com
... And That's My Rank! 2027 Edition
153
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 03/09/2026
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
smashingconf.com
Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops
If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!
0298
James Stuckey Weber @jamessw.com · 03/09/2026
Is this a job for WinterTC? wintertc.org I don't see active work directly on this, but maybe @lcas.dev would know?
wintertc.org
WinterTC
WinterTC is an Ecma International Technical Committee aiming to provide a space for JS runtimes to collaborate on API interoperability.
100
James Stuckey Weber @jamessw.com · 28/08/2026
I need to look again at why they don’t bubble
110
Reposted by James Stuckey Weber
Jake Archibald @jakearchibald.com · 26/08/2026
📝 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...
jakearchibald.com
Controlling when CSS custom properties are computed
The default might not be what you expect, and it has a big impact on your styles.
98715
James Stuckey Weber @jamessw.com · 26/08/2026
What are your thoughts on adding “inherits: declaration” or similar to property declarations to better give you control over this? github.com/w3c/csswg-dr...
github.com
[css-values] "inherits: declaration" @property syntax · Issue #13188 · w3c/csswg-drafts
While exploring sibling-index(), I observed that by not registering a custom property with a sibling-index() value, you can inherit a declaration that is computed in the context where it is used. T...
210
Reposted by James Stuckey Weber
Kevin Powell @kevinpowell.co · 24/08/2026
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 😅
58912
James Stuckey Weber @jamessw.com · 22/08/2026
Ran out of tonic, had ginger ale. It’s also quite tasty, would like to try it with a spicy ginger beer.
010
James Stuckey Weber @jamessw.com · 22/08/2026
Yeah, my one Hull City player on the bench has outscored the 3 Man U players combined 🫠
010
James Stuckey Weber @jamessw.com · 22/08/2026
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.
000
James Stuckey Weber @jamessw.com · 22/08/2026
Not to mention the artists who are on Sesame Street or some Disney soundtrack but... that's not what they're known for.
000
James Stuckey Weber @jamessw.com · 20/08/2026
CSS is awesome... this time with `text-fit: shrink` and `text-box` trimming.
codepen.io
CSS is awesome - text-box, text-fit
A code demo by James Stuckey Weber created on CodePen
031
James Stuckey Weber @jamessw.com · 17/08/2026
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!
020
Reposted by James Stuckey Weber
Brad Frost @bradfrost.com · 13/08/2026
🎙️ Just published a new episode of Wake Up Excited!: Pottery, Theater, CSS Collaboration, and the Ethics of AI with Miriam Suzanne. Have a listen:
share.transistor.fm
Pottery, Theater, CSS Collaboration, and the Ethics of AI with Miriam Suzanne
Brad chats with Miriam Suzanne about pottery, theater, CSS, and why we...
1135
Reposted by James Stuckey Weber
king lola 👑 @lolaodelola.bsky.social · 12/08/2026
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...
Nigerian recruits being inspected by British commanders
022
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 31/07/2026
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
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
1125
James Stuckey Weber @jamessw.com · 25/07/2026
Nice! For inspecting view transition pseduo trees, you can also auto pause animations in the Chrome Devtools Animations panel.
100
James Stuckey Weber @jamessw.com · 22/07/2026
Very much looking forward to more of this. The first issue is fascinating!
111
James Stuckey Weber @jamessw.com · 21/07/2026
I wanted to recreate the collapsing scroll I saw in some module bracket views and got a bit carried away. I just used space-around, but am curious to try your method! codepen.io/jamessw/pen/...
codepen.io
World Cup Bracket 2026
...
110
James Stuckey Weber @jamessw.com · 16/07/2026
Or a manufacturer's chatbot that tells you to contact the manufacturer.
001
James Stuckey Weber @jamessw.com · 16/07/2026
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)
codepen.io
World Cup Bracket 2026
...
000
James Stuckey Weber @jamessw.com · 14/07/2026
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.
000
James Stuckey Weber @jamessw.com · 10/07/2026
Sure!
000
James Stuckey Weber @jamessw.com · 10/07/2026
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)
100
James Stuckey Weber @jamessw.com · 07/07/2026
Updated my slidy-collapsey bracket with the latest result!
000
James Stuckey Weber @jamessw.com · 07/07/2026
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+.
codepen.io
World Cup Bracket 2026
...
020
Reposted by James Stuckey Weber
Josh W. Comeau @joshwcomeau.com · 06/07/2026
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. 🔥
joshwcomeau.com
Getting Started with Anchor Positioning • Josh W. Comeau
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...
918032
Reposted by James Stuckey Weber
Dave Rupert @davatron5000.bsky.social · 03/07/2026
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.
03211
James Stuckey Weber @jamessw.com · 03/07/2026
Big Laundry Machine is hiding something
110
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 02/07/2026
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/
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
07129
Reposted by James Stuckey Weber
djangocon.us @djangocon.us · 30/06/2026
🎤 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
043
Reposted by James Stuckey Weber
Ashlee 🤟🏻 @ashleemboyer.com · 22/06/2026
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
42034
Reposted by James Stuckey Weber
Schalk Neethling @schalkneethling.com · 18/06/2026
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 🙌
0116
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 16/06/2026
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...
youtube.com
Grid Lanes: the Future of Masonry Layout
YouTube video by Winging It
1187
James Stuckey Weber @jamessw.com · 15/06/2026
That first one is a real embarrassment 😆
000
James Stuckey Weber @jamessw.com · 14/06/2026
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.
010
James Stuckey Weber @jamessw.com · 12/06/2026
This is the kind of skeuomorphism I can get behind.
020
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 11/06/2026
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/
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
28129
James Stuckey Weber @jamessw.com · 11/06/2026
Might be playing too much ultimate frisbee... just wrote "backend and foreend".
000
James Stuckey Weber @jamessw.com · 11/06/2026
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?
000
James Stuckey Weber @jamessw.com · 10/06/2026
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.
063
James Stuckey Weber @jamessw.com · 10/06/2026
Sounds like this will be fixed in the next nightly build. The CSS Ray trace algorithm assumed 64 bit and Firefox used 32 bit.
000
James Stuckey Weber @jamessw.com · 07/06/2026
Feels like a major version. No breaking changes, but it broke me.
120
James Stuckey Weber @jamessw.com · 06/06/2026
Anyway to not sort the color channels alphabetically? In another tool, it took me forever to figure out why my beautiful reds were a weird blue. 🫠
100
James Stuckey Weber @jamessw.com · 30/05/2026
🫠
000
James Stuckey Weber @jamessw.com · 30/05/2026
Pizza was in our weekly rotation until the preschooler had school pizza and then became very clear that her liked pizza, just not mine.
110
James Stuckey Weber @jamessw.com · 29/05/2026
Just added some orange bitters to the tail end and that is excellent
010