Shakedown Social

0 posts0 participants0 posts today

Marius GundersenI played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewtransitions</a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/EaxvjmQ</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

westbrookHrm. <a href="https://mastodon.social/tags/viewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewTransitions</a> and <a href="https://mastodon.social/tags/shadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shadowDOM</a> …discuss. <a href="https://mastodon.social/tags/CSSWG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSWG</a> <a href="https://mastodon.social/tags/webComponentsCG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webComponentsCG</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸> 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! 😆 <a href="https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webkit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webkit</a> <a href="https://mastodon.social/tags/safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#safari</a> <a href="https://mastodon.social/tags/aapl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aapl</a> <a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#apple</a> <a href="https://mastodon.social/tags/viewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewTransitions</a> <a href="https://mastodon.social/tags/safariTechPreview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#safariTechPreview</a> <a href="https://mastodon.social/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browser</a> <a href="https://mastodon.social/tags/chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chrome</a> <a href="https://mastodon.social/tags/google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#google</a> <a href="https://mastodon.social/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iOS</a> <a href="https://mastodon.social/tags/mac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mac</a> <a href="https://mastodon.social/tags/iPhone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iPhone</a>

Bramus📣 Calling all devs that use <a href="https://front-end.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a>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 🪄

🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸Could <a href="https://mas.to/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> be used to implement an <a href="https://mas.to/tags/infiniteScroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#infiniteScroll</a>? <a href="https://mastodon.social/@jaffathecake" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jaffathecake</a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mas.to/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a>

Recent searches

Search options

Administered by:

Server stats:

#viewtransitions