#Development #Guides
Must-know Interop features 2025 · A learning guide for the next couple of months https://ilo.im/1631b4
_____
#Browser #Interoperability #AnchorPositioning #ViewTransitions #WebVitals #WebPerf #WebDev #Frontend #CSS #JavaScript

#Development #Guides
Must-know Interop features 2025 · A learning guide for the next couple of months https://ilo.im/1631b4
_____
#Browser #Interoperability #AnchorPositioning #ViewTransitions #WebVitals #WebPerf #WebDev #Frontend #CSS #JavaScript
In case you want to check the original article first:
by @jimniels
#ViewTransitions #CSS #webdev
https://blog.jim-nielsen.com/2025/lots-of-little-html-pages/
by Simon Willison
@simon
#ViewTransitions #WebDev #CSS
https://simonwillison.net/2025/Mar/10/building-websites-with-llms/
@gundersen Hi Marius, I mentioned your original codepen and an arced version on Bluesky: https://bsky.app/profile/martr.app/post/3lk6svmjfrk2s
View Transitions Applied: Smoothly animating a `border-radius`
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.
https://codepen.io/mariusgundersen/pen/EaxvjmQ
Edit: does not work in Firefox yet, but probably by the end of 2025
View transitions now have their own category on @frontenddogma:
https://frontenddogma.com/topics/view-transitions/
(Testing if notes on some new categories and tags could be helpful.)
#Development #Approaches
Building websites with LLMS · (L)ots of (L)ittle ht(M)l page(S) is a game changer https://ilo.im/162myf
_____
#ViewTransitions #Navigation #Filter #Webpage #Website #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS
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!
@OpticalMoose @pbarker
Here are some links:
* VideoEncoderConfigurationPreset of different #Browsers: https://api-ref.agora.io/en/video-sdk/web/4.x/globals.html#videoencoderconfigurationpreset
* The (arguably or not needed) #CSSContainerStyleQueries comparison: https://caniuse.com/css-container-queries-style
* #WebShareAPI: https://caniuse.com/web-share
* #ViewTransitions: https://caniuse.com/view-transitions
* #JPEGXL(and other #codec integration chart): https://connect.mozilla.org/t5/ideas/support-jpeg-xl/idi-p/18433
* The gradient bug, open since 2011: https://bugzilla.mozilla.org/show_bug.cgi?id=627771
Hey #CSS friends.
Asking for a friend.
Hrm. #viewTransitions and #shadowDOM …discuss.
> 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!
https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/
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