Veganism Social

Martin TrappHallo <a href="https://marcgoertz.de/author/site-admin" class="u-url mention" rel="nofollow noopener" target="_blank">@marc</a> 👋 bin gerade über den 5-zeiler in Deinem Beitrag gestolpert. prefers-reduced-motion ist schon mal sehr gut, aber Du solltet Dir für einen nervenschonenden Einstieg unbedingt auch <link rel="expect" href="<a href="https://mastodon.social/tags/somewhere" class="mention hashtag" rel="nofollow noopener" target="_blank">#somewhere</a>" blocking="render"/> ansehen. Hier gibt's Hintergrundinfos dazu: <a href="https://vtbag.dev/fwvt/enabling/" rel="nofollow noopener" translate="no" target="_blank">https://vtbag.dev/fwvt/enabling/</a><a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#ViewTransitions</a>

Marc GörtzWIP: Frühjahrsputz im Code<a href="https://marcgoertz.de/2025/wip-fruehjahrsputz-im-code" class="" rel="nofollow noopener" target="_blank">https://marcgoertz.de/2025/wip-fruehjahrsputz-im-code</a>

Nicolas Hoizey“View Transitions Break Incremental Rendering” by <a href="https://front-end.social/@eeeps" class="u-url mention" rel="nofollow noopener" target="_blank">@eeeps</a>🔗 <a href="https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/" rel="nofollow noopener" translate="no" target="_blank">https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/</a>> Instead of showing users that this thing is the same as that thing, we’ve told them, perhaps with extra motion/panache, that even though these the two things might seem the same, they are in fact distinct. It’s like shaking your head “no” while telling someone “yes”.<a href="https://mamot.fr/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#ViewTransitions</a> <a href="https://mamot.fr/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a>⚓️ <a href="https://nicolas-hoizey.com/links/2025/05/07/view-transitions-break-incremental-rendering/" rel="nofollow noopener" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/05/07/view-transitions-break-incremental-rendering/</a>

BramusView Transitions Applied: Smoothly animating a `border-radius`🔗 <a href="https://www.bram.us/2025/03/11/view-transitions-border-radius/" rel="nofollow noopener" translate="no" target="_blank">https://www.bram.us/2025/03/11/view-transitions-border-radius/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://front-end.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#ViewTransitions</a>

Marius GundersenI played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#viewtransitions</a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener" target="_blank">#mathml</a> 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. <a href="https://codepen.io/mariusgundersen/pen/EaxvjmQ" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/EaxvjmQ</a>Edit: does not work in Firefox yet, but probably by the end of 2025<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Jens Oliver MeiertView transitions now have their own category on <a href="https://mas.to/@frontenddogma" class="u-url mention" rel="nofollow noopener" target="_blank">@frontenddogma</a>:<a href="https://frontenddogma.com/topics/view-transitions/" rel="nofollow noopener" translate="no" target="_blank">https://frontenddogma.com/topics/view-transitions/</a>(Testing if notes on some new categories and tags could be helpful.)<a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#viewtransitions</a>

Nick<a href="https://discuss.tchncs.de/u/OpticalMoose" class="u-url mention" rel="nofollow noopener" target="_blank">@OpticalMoose</a> <a href="https://social.afront.org/@pbarker" class="u-url mention" rel="nofollow noopener" target="_blank">@pbarker</a> Here are some links: * VideoEncoderConfigurationPreset of different <a href="https://piraten-partei.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a>s: <a href="https://api-ref.agora.io/en/video-sdk/web/4.x/globals.html#videoencoderconfigurationpreset" rel="nofollow noopener" translate="no" target="_blank">https://api-ref.agora.io/en/video-sdk/web/4.x/globals.html#videoencoderconfigurationpreset</a> * The (arguably or not needed) <a href="https://piraten-partei.social/tags/CSSContainerStyleQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSSContainerStyleQueries</a> comparison: <a href="https://caniuse.com/css-container-queries-style" rel="nofollow noopener" translate="no" target="_blank">https://caniuse.com/css-container-queries-style</a> * <a href="https://piraten-partei.social/tags/WebShareAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebShareAPI</a>: <a href="https://caniuse.com/web-share" rel="nofollow noopener" translate="no" target="_blank">https://caniuse.com/web-share</a> * <a href="https://piraten-partei.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#ViewTransitions</a>: <a href="https://caniuse.com/view-transitions" rel="nofollow noopener" translate="no" target="_blank">https://caniuse.com/view-transitions</a> * <a href="https://piraten-partei.social/tags/JPEGXL" class="mention hashtag" rel="nofollow noopener" target="_blank">#JPEGXL</a>(and other <a href="https://piraten-partei.social/tags/codec" class="mention hashtag" rel="nofollow noopener" target="_blank">#codec</a> integration chart): <a href="https://connect.mozilla.org/t5/ideas/support-jpeg-xl/idi-p/18433" rel="nofollow noopener" translate="no" target="_blank">https://connect.mozilla.org/t5/ideas/support-jpeg-xl/idi-p/18433</a> * The gradient bug, open since 2011: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=627771" rel="nofollow noopener" translate="no" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=627771</a>

westbrookHey <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> friends. 👋 Do we expect View Transitions to bork `background-filter` rules? Pending issue? Known workaround?Asking for a friend.<a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/CSSWG" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSSWG</a> <a href="https://mastodon.social/tags/viewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#viewTransitions</a>

Recent searches

Search options

Administered by:

Server stats:

#viewtransitions