Callie 🏳️‍⚧️

104 Followers
251 Following
111 Posts
I love making the web better. From accessibility to performance, motion and more. Typically hanging out on the bleeding edge. 🌴

📝 Excited to share the interactive guide to CSS container queries.

I wrote about what container queries are, what the problems they solve, and how to use them along with interactive examples and visuals. Happy learning!

https://ishadeed.com/article/css-container-query-guide

An Interactive Guide to CSS Container Queries

Learn how to use CSS container queries today.

@scrwd and just curious, are you starting the spinner before the mount happens? I'd probably run a perf profile next to see what's going on if it was running before mounting started and then stopped.
@scrwd Is the loading spinner for the CSS animation only using hardware accelerated properties like transform and opacity?
Changes to CSS ::backdrop inheritance  |  Blog  |  Chrome for Developers

As of Chrome 122 the `::backdrop` element inherits properties from its originating element.

Chrome for Developers
@jaffathecake I've run into so many similar issues, this is ultra helpful. Thanks for sharing and writing these!

📝 New post: Handling aspect ratio changes in view transitions.

Lots of tips on customising view transitions, and of course, live demos.

https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/

View transitions: Handling aspect ratio changes

Tips and tricks to get the transition you want

@bramus Are we going to get it back after all? New PR to enable it by default is back! https://github.com/WebKit/WebKit/pull/24728
[view-transitions] Enable by default by nt1m · Pull Request #24728 · WebKit/WebKit

efabf3e [view-transitions] Enable by default https://bugs.webkit.org/show_bug.cgi?id=269632 rdar://123128491 Reviewed by Anne van Kesteren. Basic view transitions are usable as of #24725 Remaini...

GitHub

👀🤩 View Transitions excitement!

https://commits.webkit.org/274906@main

[view-transitions] Enable by default · WebKit/WebKit@7d08296

https://bugs.webkit.org/show_bug.cgi?id=269632 rdar://123128491 Reviewed by Anne van Kesteren. There's a bit of work to do still, but we're getting closer to a point where this is testabl...

GitHub
@bramus OMG so much excitement and then it's all gone. Hopefully a revert of the revert soon!
@jaffathecake Honestly super bummed at this year's Interop 24 list as well, especially after last year was so promising. Just kinda hoping we get some of the big ones like navigation API and view transitions to come at least to webkit even if they didn't make the list.