veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.

Administered by:

Server stats:

299
active users

#viewtransitions

1 post1 participant0 posts today

I played around with #viewtransitions and #mathml yesterday, and made this example of how to animate solving an equation. It was pretty straight forward to get to work, but I wish I had some control over the transitions. Now the elements move in a straight line, it would be cool of i could make them follow an arc.

codepen.io/mariusgundersen/pen

Edit: does not work in Firefox yet, but probably by the end of 2025

codepen.iomathml-transitions...
#webdev#frontend#js

Improve accessibility by reducing motion of all kinds: View Transitions, CSS Transitions, CSS Animations, and Picture elements — all without rewriting styles or content.

Examples use an existing client website, showing that you can do the same in ongoing work. Don't wait for your next project to get a fresh start.. do it today!

🔗 chrisruppel.com/blog/modernizi

Chris RuppelModernizing with the Web Platform: Reduced MotionDemonstrating how the modern Web Platform can simplify motion reduction on an old codebase.

> Safari Technology Preview 192 implements ViewTransitions.

Just one year after Google released them in mainline Chrome! $AAPL really has stepped up the pace of WebKit development; they're only a couple years behind now! 😆

webkit.org/blog/15260/release-

WebKit · Release Notes for Safari Technology Preview 192Safari Technology Preview Release 192 is now available for download for macOS Sonoma and macOS Ventura.
#webdev#webkit#safari

📣 Calling all devs that use #ViewTransitions

Along with work that’s being done on MPA support, we’re looking into polishing what currently shipped.

We already identified a few points to improve but I’m most curious to hear where **you** hit a wall / encountered friction …

E.g. animating 20 items in the same way requires 20 almost identical CSS rules. This should be easier to do.

I’ll take a public reply or a DM and will take it from there.

RT = Better View Transitions for everyone 🪄