James Stuckey Weber
@jamessw.com
Web Developer and builder of tools Web Developers use.
@oddbird.dev
@oddbird.dev
I was unprepared for the number of asteroids in dinosaur books and crafts for kids.
December 27, 2025 at 7:50 PM
I was unprepared for the number of asteroids in dinosaur books and crafts for kids.
Reposted by James Stuckey Weber
🎄 Holiday gift from the #ColorJS team: v0.6.0 is out with a host of fixes and improvements!
We’ve also crossed 100 million installs on npm a few weeks ago!
Release notes:
github.com/color-js/col...
We’ve also crossed 100 million installs on npm a few weeks ago!
Release notes:
github.com/color-js/col...
Release v0.6.0 · color-js/color.js
This has taken a while and three pre-releases, but we wanted to make sure we got everything right.
This is likely to be the last v0.x release, as Color.js is certainly mature enough to go to v1 in ...
github.com
December 26, 2025 at 3:11 PM
🎄 Holiday gift from the #ColorJS team: v0.6.0 is out with a host of fixes and improvements!
We’ve also crossed 100 million installs on npm a few weeks ago!
Release notes:
github.com/color-js/col...
We’ve also crossed 100 million installs on npm a few weeks ago!
Release notes:
github.com/color-js/col...
Reposted by James Stuckey Weber
A proper Christmas story
www.bbc.co.uk/news/article...
www.bbc.co.uk/news/article...
Cardiff couple invited man in for Christmas, he stayed for 45 years
An arrangement Rob and Dianne Parsons thought would last a few days ended up changing their lives.
www.bbc.co.uk
December 25, 2025 at 11:31 AM
A proper Christmas story
www.bbc.co.uk/news/article...
www.bbc.co.uk/news/article...
Reposted by James Stuckey Weber
We're playing the CSS is Awesome Game again this year – run by @stacykvernmo.com, with @davatron5000.bsky.social, @castastrophe.bsky.social, @nerdy.dev, and myself as competitors. Join us, and play along in the chat! #css
youtube.com/live/xcEnjGP...
youtube.com/live/xcEnjGP...
CSS Is Awesome Game - 2
YouTube video by Winging It
youtube.com
December 18, 2025 at 5:08 PM
We're playing the CSS is Awesome Game again this year – run by @stacykvernmo.com, with @davatron5000.bsky.social, @castastrophe.bsky.social, @nerdy.dev, and myself as competitors. Join us, and play along in the chat! #css
youtube.com/live/xcEnjGP...
youtube.com/live/xcEnjGP...
Reposted by James Stuckey Weber
Learn how to create color themes with Baseline web features in #CSS, like color-scheme, color-mix(), light-dark(), and the relative color syntax – fellow OddBird David Herron covers everything you need:
web.dev/articles/bas...
web.dev/articles/bas...
Color themes with Baseline CSS features | Articles | web.dev
Learn how to create color themes with Baseline web features available in CSS.
web.dev
December 11, 2025 at 7:54 PM
Learn how to create color themes with Baseline web features in #CSS, like color-scheme, color-mix(), light-dark(), and the relative color syntax – fellow OddBird David Herron covers everything you need:
web.dev/articles/bas...
web.dev/articles/bas...
Reposted by James Stuckey Weber
Anchor Positioning and the Inset-Modified Containing Block: "If you kinda understand Anchor Positioning, but it still surprises you from time to time, then most likely this is the missing piece of information: the Inset-Modified Containing Block (or IMCB for short)." #CSS www.bram.us/2025/12/02/a...
Anchor Positioning and the Inset-Modified Containing Block (IMCB)
If you kinda understand Anchor Positioning, but it still surprises you from time to time, then most likely this is the missing piece of information: the Inset-Modified Containing Block (or IMCB for…
www.bram.us
December 11, 2025 at 6:02 PM
Anchor Positioning and the Inset-Modified Containing Block: "If you kinda understand Anchor Positioning, but it still surprises you from time to time, then most likely this is the missing piece of information: the Inset-Modified Containing Block (or IMCB for short)." #CSS www.bram.us/2025/12/02/a...
I've joked that Baby Stuckey Weber is competing to get released before Anchor Positioning goes Baseline, and with 22 hours to go for Firefox 146, it's going to be a tight race. Hoping for a smooth rollout!
December 8, 2025 at 4:13 PM
I've joked that Baby Stuckey Weber is competing to get released before Anchor Positioning goes Baseline, and with 22 hours to go for Firefox 146, it's going to be a tight race. Hoping for a smooth rollout!
Reposted by James Stuckey Weber
Cross-Browser Anchor Positioning, by @meyerweb@mastodon.social and @jamessw.com and others (@oddbird@front-end.social):
https://www.oddbird.net/2025/11/20/winging-it-26/
#videos #interviews #css #anchorpositioning
https://www.oddbird.net/2025/11/20/winging-it-26/
#videos #interviews #css #anchorpositioning
Cross-Browser Anchor Positioning
Anchor Positioning is available in all browsers. What's next, with Eric Meyer.
www.oddbird.net
December 7, 2025 at 7:30 PM
Cross-Browser Anchor Positioning, by @meyerweb@mastodon.social and @jamessw.com and others (@oddbird@front-end.social):
https://www.oddbird.net/2025/11/20/winging-it-26/
#videos #interviews #css #anchorpositioning
https://www.oddbird.net/2025/11/20/winging-it-26/
#videos #interviews #css #anchorpositioning
Reposted by James Stuckey Weber
#CSS Inheriting sibling-index() for staggered animation by @ollie-williams.bsky.social
Inheriting sibling-index() for staggered animation
Register your custom property with @property
olliewilliams.xyz
December 5, 2025 at 12:06 PM
Reposted by James Stuckey Weber
The CSS is Awesome Game is coming up on Winging It and our first special guest joining @miriam.codes and me is @chriscoyier.net
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
CSS Is Awesome Game - 2
A few of our CSS friends will join us for our second annual "CSS Is Awesome Game" on Thursday, December 18, 2025 at 1pm Eastern. If you love CSS as much as we do, then we hope you will watch and play ...
www.youtube.com
December 4, 2025 at 6:53 PM
The CSS is Awesome Game is coming up on Winging It and our first special guest joining @miriam.codes and me is @chriscoyier.net
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Reposted by James Stuckey Weber
The CSS is Awesome Game on Winging It is coming up soon and we would love your help. We made a 5-question CSS-based survey if you have a minute to spare. We are excited to include more audience participation this year.
tally.so/r/QKoaEY
tally.so/r/QKoaEY
CSS is Awesome Game
Made with Tally, the simplest way to create forms.
tally.so
December 1, 2025 at 6:43 PM
The CSS is Awesome Game on Winging It is coming up soon and we would love your help. We made a 5-question CSS-based survey if you have a minute to spare. We are excited to include more audience participation this year.
tally.so/r/QKoaEY
tally.so/r/QKoaEY
If you use sibling-index() in a custom property without registering it with syntax: "<integer>", the property's uninterpolated value is inherited and sibling-index() is evaluated in the context of the child where it's used, not the parent where it is declared.
sibling-index inheritance
...
codepen.io
December 1, 2025 at 5:21 PM
If you use sibling-index() in a custom property without registering it with syntax: "<integer>", the property's uninterpolated value is inherited and sibling-index() is evaluated in the context of the child where it's used, not the parent where it is declared.
Reposted by James Stuckey Weber
Cross-browser Anchor Positioning: "Anchor positioning is available in all browsers. Join James Stuckey Weber, Miriam Suzanne, and Eric Meyer as they talk about the emerging patterns, the rough edges, changes to the spec, and what the future holds." #CSS www.youtube.com/watch?v=qOXY...
Cross-browser Anchor Positioning
It's finally here! With the release of Firefox 145 today, anchor positioning is available in all browsers. It’s still behind a flag in Firefox, so it isn’t Baseline Newly available quite yet. Join…
www.youtube.com
November 28, 2025 at 7:30 PM
Cross-browser Anchor Positioning: "Anchor positioning is available in all browsers. Join James Stuckey Weber, Miriam Suzanne, and Eric Meyer as they talk about the emerging patterns, the rough edges, changes to the spec, and what the future holds." #CSS www.youtube.com/watch?v=qOXY...
Reposted by James Stuckey Weber
If you missed it live, you can watch @jamessw.com & @miriam.codes's chat with @meyerweb.com about Anchor Positioning now on the Winging It show.
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Cross-Browser Anchor Positioning
Anchor Positioning is available in all browsers. What's next, with Eric Meyer.
www.oddbird.net
November 26, 2025 at 8:50 PM
If you missed it live, you can watch @jamessw.com & @miriam.codes's chat with @meyerweb.com about Anchor Positioning now on the Winging It show.
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Dialogs and Popovers are super useful for making layered UIs, and Baseline features simplify the implementation. Great article from fellow @oddbird.dev David Herron.
<dialog> and popover: Baseline layered UI patterns | Articles | web.dev
Learn how to build UI patterns for modal windows and prompts using the <dialog> and popover web features.
web.dev
November 25, 2025 at 4:53 PM
Dialogs and Popovers are super useful for making layered UIs, and Baseline features simplify the implementation. Great article from fellow @oddbird.dev David Herron.
I opened a bug on an open source package. Someone quickly creates a PR that claims to fix the problem, but doesn't really, and is almost certainly generated by AI. I don't want that merged into a tool I use, but I also don't want to engage with the AI troll by giving it feedback. What to do...
November 25, 2025 at 12:40 AM
I opened a bug on an open source package. Someone quickly creates a PR that claims to fix the problem, but doesn't really, and is almost certainly generated by AI. I don't want that merged into a tool I use, but I also don't want to engage with the AI troll by giving it feedback. What to do...
I highly recommend this course- I've learned a ton!
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 22, 2025 at 4:34 PM
I highly recommend this course- I've learned a ton!
Just published v0.8.0 of the Anchor Positioning polyfill, with support for inset properties, some bug fixes and some updates to match the spec. Try it out, and let me know if there's anything from keeping you from using the polyfill.
Release v0.8.0 · oddbird/css-anchor-positioning
What's Changed
🚀 BREAKING: Update self logical keywords by @jamesnw in #364
🚀 NEW: Add support for inset-* properties by @jamesnw in #366
🐛 BUGFIX: Missing anchor should be invalid and not fallbac...
github.com
November 21, 2025 at 8:14 PM
Just published v0.8.0 of the Anchor Positioning polyfill, with support for inset properties, some bug fixes and some updates to match the spec. Try it out, and let me know if there's anything from keeping you from using the polyfill.
Reposted by James Stuckey Weber
You may have missed my #CSS anchor positioning livestream with @miriam.codes and @jamessw.com earlier today, but that’s okay! The geeks at YouTube figured out some kinda magic capture thing that lets you play back live events whenever you want. Here’s ours: www.youtube.com/watch?v=qOXY...
Cross-browser Anchor Positioning
YouTube video by Winging It
www.youtube.com
November 20, 2025 at 7:37 PM
You may have missed my #CSS anchor positioning livestream with @miriam.codes and @jamessw.com earlier today, but that’s okay! The geeks at YouTube figured out some kinda magic capture thing that lets you play back live events whenever you want. Here’s ours: www.youtube.com/watch?v=qOXY...
I'm Winging It live with @meyerweb.com and @miriam.codes in 10 minutes to talk anchor positioning- join us with your questions!
Cross-browser Anchor Positioning
YouTube video by Winging It
www.youtube.com
November 20, 2025 at 5:50 PM
I'm Winging It live with @meyerweb.com and @miriam.codes in 10 minutes to talk anchor positioning- join us with your questions!
I'm excited to talk with Eric Meyer from Igalia and
@miriam.codes this Thursday about the patterns, problems and possibilities we're seeing as CSS Anchor Positioning becomes available across browsers. Join us on Thursday- what questions do you have for us?
Get notified when we go live!
@miriam.codes this Thursday about the patterns, problems and possibilities we're seeing as CSS Anchor Positioning becomes available across browsers. Join us on Thursday- what questions do you have for us?
Get notified when we go live!
Cross-browser Anchor Positioning
YouTube video by Winging It
www.youtube.com
November 18, 2025 at 9:20 PM
I'm excited to talk with Eric Meyer from Igalia and
@miriam.codes this Thursday about the patterns, problems and possibilities we're seeing as CSS Anchor Positioning becomes available across browsers. Join us on Thursday- what questions do you have for us?
Get notified when we go live!
@miriam.codes this Thursday about the patterns, problems and possibilities we're seeing as CSS Anchor Positioning becomes available across browsers. Join us on Thursday- what questions do you have for us?
Get notified when we go live!
Reposted by James Stuckey Weber
There are many goodies that are newly and widely available in Baseline. backdrop-filter is so much fun to work with and I am obsessed with AVIF images and the ability to animate from display: none with @starting-style. And how easy is it to lazy load images now? web.dev/articles/bas...
How to implement an image gallery using Baseline features | Articles | web.dev
Image galleries are a common user interface pattern on the web. Learn how to create one using Baseline features.
web.dev
November 14, 2025 at 7:25 PM
There are many goodies that are newly and widely available in Baseline. backdrop-filter is so much fun to work with and I am obsessed with AVIF images and the ability to animate from display: none with @starting-style. And how easy is it to lazy load images now? web.dev/articles/bas...
So far this morning, I have dealt with Python environment issues after an OS upgrade and timezone issues. I think I'm probably due for a good old fashioned git disaster.
November 13, 2025 at 3:41 PM
So far this morning, I have dealt with Python environment issues after an OS upgrade and timezone issues. I think I'm probably due for a good old fashioned git disaster.
Anchor Positioning is in Firefox 145, released today (but behind a flag)! To celebrate, join me, @miriam.codes and Eric Meyer next Thursday for Winging It. We'll be discussing patterns that are emerging and rough edges that are still getting worked out.
Subscribe to get notified when we go live!
Subscribe to get notified when we go live!
Cross-browser Anchor Positioning
YouTube video by Winging It
www.youtube.com
November 11, 2025 at 9:51 PM
Anchor Positioning is in Firefox 145, released today (but behind a flag)! To celebrate, join me, @miriam.codes and Eric Meyer next Thursday for Winging It. We'll be discussing patterns that are emerging and rough edges that are still getting worked out.
Subscribe to get notified when we go live!
Subscribe to get notified when we go live!
Reposted by James Stuckey Weber
The @firefoxdevtools.bsky.social JSON viewer got better in @firefoxnightly.bsky.social : the console offers access to the original json data via `$json`.
This allows to easily manipulate the underlying data to get what you want
This allows to easily manipulate the underlying data to get what you want
![Firefox JSON Viewer opened for the html entites JSON file
We can see the various properties of the JSON file, which are all objects containing a "characters" and a "codepoints" properties.
The Console is opened at the bottom. In it, we can see a console message explaining that some data is available (`$json.data` - the parsed JSON object, $json.text` - the original JSON text and `$json.headers` - HTTP request and response headers)
There's a console evaluation done with the following snippet:
```js
Object.entries($json.data)
.filter(([k, v]) => v.codepoints.length > 1)
.map(([k, v]) => ({characters: v.characters, htmlEntity: k, codepoints: v.codepoints}))
```
and the result shows an array of objects containing "characters", "htmlEntity" and "codepoints" properties.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:l6jizqbrtfnhnrd7vmsqmi3n/bafkreigizqr72frwj6qa53onh2tskqmcmrydexkzeydrkrarwiuoyulcmq@jpeg)
November 7, 2025 at 11:40 AM
The @firefoxdevtools.bsky.social JSON viewer got better in @firefoxnightly.bsky.social : the console offers access to the original json data via `$json`.
This allows to easily manipulate the underlying data to get what you want
This allows to easily manipulate the underlying data to get what you want