Sign in

James Stuckey Weber

@jamessw.com
431 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
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
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
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 · 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 · 22/07/2026
Very much looking forward to more of this. The first issue is fascinating!
111
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
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
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 · 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
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
Reposted by James Stuckey Weber
Mia [data-css=poetic] @miriam.codes · 28/05/2026
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...
youtube.com
Surprising Effects of CSS Shorthands
YouTube video by Winging It
1135
Reposted by James Stuckey Weber
OddBird @oddbird.dev · 26/05/2026
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
oddbird.net
Color Themes with Baseline CSS Features
So, 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 ca...
0145
Reposted by James Stuckey Weber
James Stuckey Weber @jamessw.com · 24/05/2026
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.
173
Reposted by James Stuckey Weber
Adam Argyle @nerdy.dev · 24/05/2026
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.
011
James Stuckey Weber @jamessw.com · 24/05/2026
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.
173
James Stuckey Weber @jamessw.com · 21/05/2026
You'll never believe this one crazy trick to drive up session length and retention...
010
Reposted by James Stuckey Weber
QuirksBot @quirksbot.bsky.social · 20/05/2026
[[WebKit]] [threaded-animations] disable Threaded Time-based Animations on CNN.com on iOS bugs.webkit.org/show_bug.cgi?id=315… We're hitting some jetsams on iOS for cnn.com when Threaded Time-based Animations are enabled. Until we fix those, disable this feature on that site. (WebCor...
github.com
[threaded-animations] disable Threaded Time-based Animations on CNN.c… · WebKit/WebKit@8b0c7d7
…om on iOS https://bugs.webkit.org/show_bug.cgi?id=315099 Reviewed by Tim Nguyen. We're hitting some jetsams on iOS for cnn.com when Threaded Time-based Animations are enabled. Until we fix ...
011
Reposted by James Stuckey Weber
Stuart Robson @sturobson.com · 18/05/2026
This week's Design Systems News has no sponsor … so I'm taking the slot for myself 😄 When I'm not curating the newsletter, I'm a front-end developer & Design Systems consultant Currently looking for new client work Get in touch: stu@alwaystwisted.com read the newsletter: news.design.systems 🙏🖤
news.design.systems
Design Systems News
A publication full of interesting, relevant, and curated links.
1137
Reposted by James Stuckey Weber
QuirksBot @quirksbot.bsky.social · 15/05/2026
[[Firefox]] - add a CSS webcompat intervention for snowplowmap.a2gov.org; Differential Revision: phabricator.services.mozilla.com/D2…
github.com
Bug 2012760 - add a CSS webcompat intervention for snowplowmap.a2gov.… · mozilla-firefox/firefox@3961e3f
…org; r=ksenia,webcompat-reviewers Differential Revision: https://phabricator.services.mozilla.com/D298952
001
James Stuckey Weber @jamessw.com · 15/05/2026
Inspired by @denodell.bsky.social's post on browser quirks, I present QuirksBot! bsky.app/profile/quir...
bsky.app
230
Reposted by James Stuckey Weber
QuirksBot @quirksbot.bsky.social · 15/05/2026
[[WebKit]] Add site-specific quirk to make anchor elements mouse-focusable on thesaurus.com and dictionary.com bugs.webkit.org/show_bug.cgi?id=312… Clicking links on thesaurus.com and dictionary.com causes blur events with a null relatedTarget, breaking dropdown menus that rely on rel...
github.com
Add site-specific quirk to make anchor elements mouse-focusable on th… · WebKit/WebKit@4509531
…esaurus.com and dictionary.com https://bugs.webkit.org/show_bug.cgi?id=312692 rdar://174959285 Reviewed by Abrar Protyasha. Clicking links on thesaurus.com and dictionary.com causes blur events...
001
James Stuckey Weber @jamessw.com · 11/05/2026
On Friday I realized I wanted a polyfill for CSS @function, Saturday I was away from my computer and thought through how to do it, and today I got a rough polyfill working. (No promises this will get released…)
170
James Stuckey Weber @jamessw.com · 26/04/2026
Is there a name for the law that states "Any time saved by AI use in one step of the process will be spent later in the process"?
020
James Stuckey Weber @jamessw.com · 16/04/2026
Coming up in less than than an hour!
042
James Stuckey Weber @jamessw.com · 14/04/2026
The fact that anchor() is a length gives it superpowers, but it has some limitations. Join us on Thursday to hear more!
youtube.com
Dos & Don’ts of Anchor Positioning
YouTube video by Winging It
062
James Stuckey Weber @jamessw.com · 11/04/2026
I started by asking if a <textarea> needs `text-wrap: stable`, and now I'm convinced it isn't real. I can't make it actually cause different behavior, and curiously there are no WPT tests. I see no legit use on Github, and it isn't in Tailwind.
200
Reposted by James Stuckey Weber
Schalk Neethling @schalkneethling.com · 07/04/2026
The Process of Shipping The CSS Media Pseudo Classes Polyfill | My first polyfill 🙌 - Thank you @jamessw.com for the inspiration. This post covers what shipped, what I learned about the CSSOM and unsupported CSS, how you can try it, and what comes next. | schalkneethling.com/posts/the-pr...
schalkneethling.com
The Process of Shipping The CSS Media Pseudo Classes Polyfill
The CSS Media Pseudo Classes Polyfill is now available on npm. This post covers what shipped, what I learned about the CSSOM and unsupported CSS, how you can try it, and what comes next."
062
James Stuckey Weber @jamessw.com · 06/04/2026
Anchor positioning is great, until it isn't. Join us for a live stream with some of the tips and learnings that have been rattling around my head. youtube.com/live/OEvVW4w...
youtube.com
Dos & Don’ts of Anchor Positioning
YouTube video by Winging It
064
Reposted by James Stuckey Weber
Lori Emerson @loriemerson.net · 02/04/2026
finally, Wendell Berry's standards for technological innovation--truly as relevant now as they were in 1987 #othernetworks
The new tool should be cheaper than the one
it replaces.
2 It should be at least as small in scale as the
one it replaces.
3 It should do work that is clearly and demonstrably
better than the one it replaces.
4 It should use less energy than the one it
replaces.
5 If possible, it should use some form of solar
energy, such as that of the body.
6 It should be repairable by a person of ordinary
intelligence, provided that he or she has
the necessary tools.
7 It should be purchasable and repairable as near
to home as possible.
8 It should come from a small, privately
owned shop or store that will take it back for
maintenance and repair.
9 It should not replace or disrupt anything
good that already exists, and this includes
family and community relationships.
626698