Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
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:

291
active users

veganism.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.0-alpha.5

#viewtransitions

0 posts0 participants0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Debates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Debates</span></a><br>It’s time for CSS to kill the SPA · “Modern CSS outperforms SPA behaviour.” <a href="https://ilo.im/165muq" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165muq</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/SPA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SPA</span></a> <a href="https://mastodon.social/tags/MPA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MPA</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a></p>
Bramus<p>The slides + a recording of my talk can be found on my blog.</p><p><a href="https://www.bram.us/2025/05/31/supercharge-web-ux-with-view-transitions-2025-05-28-webexpo/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">bram.us/2025/05/31/supercharge</span><span class="invisible">-web-ux-with-view-transitions-2025-05-28-webexpo/</span></a></p><p><a href="https://front-end.social/tags/WebExpo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebExpo</span></a> <a href="https://front-end.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a></p>
Bramus<p>Sneak preview of my talk “Supercharge Web UX with View Transitions” which I’ll be giving at <a href="https://front-end.social/tags/WebExpo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebExpo</span></a> in Prague tomorrow.</p><p>(Demo by the wonderful Maxi Ferreira – <a href="https://live-transitions.pages.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">live-transitions.pages.dev/</span><span class="invisible"></span></a>)</p><p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a></p>
Nicolas Hoizey<p>“View Transitions Break Incremental Rendering” by <span class="h-card" translate="no"><a href="https://front-end.social/@eeeps" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>eeeps</span></a></span></p><p>🔗 <a href="https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ericportis.com/posts/2023/view</span><span class="invisible">-transitions-break-incremental-rendering/</span></a></p><p>&gt; 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”.</p><p><a href="https://mamot.fr/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a> <a href="https://mamot.fr/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2025/05/07/view-transitions-break-incremental-rendering/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2025/</span><span class="invisible">05/07/view-transitions-break-incremental-rendering/</span></a></p>
Bramus<p>View Transitions Applied: Smoothly animating a `border-radius`</p><p>🔗 <a href="https://www.bram.us/2025/03/11/view-transitions-border-radius/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">bram.us/2025/03/11/view-transi</span><span class="invisible">tions-border-radius/</span></a></p><p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a></p>
Jens Oliver Meiert<p>View transitions now have their own category on&nbsp;<span class="h-card" translate="no"><a href="https://mas.to/@frontenddogma" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>frontenddogma</span></a></span>:</p><p><a href="https://frontenddogma.com/topics/view-transitions/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontenddogma.com/topics/view-</span><span class="invisible">transitions/</span></a></p><p>(Testing if notes on some new categories and tags could be&nbsp;helpful.)</p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>viewtransitions</span></a></p>
📎Nick :pirat:<p><span class="h-card" translate="no"><a href="https://discuss.tchncs.de/u/OpticalMoose" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OpticalMoose</span></a></span> <span class="h-card" translate="no"><a href="https://social.afront.org/@pbarker" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>pbarker</span></a></span> <br>Here are some links: <br>* VideoEncoderConfigurationPreset of different <a href="https://piraten-partei.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></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"><span class="invisible">https://</span><span class="ellipsis">api-ref.agora.io/en/video-sdk/</span><span class="invisible">web/4.x/globals.html#videoencoderconfigurationpreset</span></a><br>* The (arguably or not needed) <a href="https://piraten-partei.social/tags/CSSContainerStyleQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSContainerStyleQueries</span></a> comparison: <a href="https://caniuse.com/css-container-queries-style" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">caniuse.com/css-container-quer</span><span class="invisible">ies-style</span></a><br>* <a href="https://piraten-partei.social/tags/WebShareAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebShareAPI</span></a>: <a href="https://caniuse.com/web-share" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">caniuse.com/web-share</span><span class="invisible"></span></a><br>* <a href="https://piraten-partei.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ViewTransitions</span></a>: <a href="https://caniuse.com/view-transitions" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">caniuse.com/view-transitions</span><span class="invisible"></span></a><br>* <a href="https://piraten-partei.social/tags/JPEGXL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JPEGXL</span></a>(and other <a href="https://piraten-partei.social/tags/codec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codec</span></a> integration chart): <a href="https://connect.mozilla.org/t5/ideas/support-jpeg-xl/idi-p/18433" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">connect.mozilla.org/t5/ideas/s</span><span class="invisible">upport-jpeg-xl/idi-p/18433</span></a><br>* The gradient bug, open since 2011: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=627771" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bugzilla.mozilla.org/show_bug.</span><span class="invisible">cgi?id=627771</span></a></p>
VegansExploreLive feeds
About