pablolarah, to CSS
@pablolarah@mastodon.social avatar
bramus, to random
@bramus@front-end.social avatar

📣 Tune in on May 16 for to hear what’s new for View Transitions.

https://goo.gle/io24-view-transitions

Not only will I talk about Cross-Document View Transitions for MPAs, I’ll also be covering a few improvements that allow you to more easily work with View Transitions in general.

#GoogleIO #ViewTransitions

nhoizey, to CSS French
@nhoizey@mamot.fr avatar
bramus, to random
@bramus@front-end.social avatar

Almost ready for tonight's @fronteers (BE) meetup …

nhoizey, to CSS French
@nhoizey@mamot.fr avatar
nhoizey, to CSS French
@nhoizey@mamot.fr avatar
bramus, to random
@bramus@front-end.social avatar

📣 Calling all devs that use

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 🪄

nhoizey, to CSS French
@nhoizey@mamot.fr avatar
nhoizey, to CSS French
@nhoizey@mamot.fr avatar

🔗 “View transitions and stacking context: Why does my CSS View Transition ignore z-index?” by @NicMakesStuff

⚓️ https://nicolas-hoizey.com/links/2023/10/30/view-transitions-and-stacking-context-why-does-my-css-view-transition-ignore-z-index/

nhoizey, to CSS French
@nhoizey@mamot.fr avatar

🔗 “View transitions and stacking context: Why does my CSS View Transition ignore z-index?” by @NicMakesStuff

⚓️ https://nicolas-hoizey.com/links/2023/10/30/view-transitions-and-stacking-context-why-does-my-css-view-transition-ignore-z-index/

bramus, to random
@bramus@front-end.social avatar

(Early) Excitement!

“WebKit supports the proposal. We will mark as Support one week from now, pending objections.”

https://github.com/WebKit/standards-positions/issues/48#issuecomment-1679760489

To be clear, that’s no commitment from Apple/WebKit that they will start working on it. A supportive position merely expresses that they – and I quote – “see this specification as conceptually good, and worth prototyping, getting feedback on its value, and iterating.”

Definitely good news nonetheless!

pablolarah, to webdev
@pablolarah@mastodon.social avatar
bramus, to random
@bramus@front-end.social avatar

Doing a last-minute talk in Berlin at the WeAreDevs World Congress this Friday. Come join me at Stage 1 at 1PM for a talk on .

I’ll only be in for the day and will have to leave early, so if you’ve got any questions be sure to come meet me straight after my talk.

stefan, to random
@stefan@front-end.social avatar

This is absurd. 🤯👏

It takes 20 lines of handwritten spaghetti code to visually add and shuffle DOM elements with the View Transitions API.

https://codepen.io/stefanjudis/pen/abQLvOW?editors=0010

Still Chrome only, though. 😅

CodePen rendering a photo list that is shuffled with transitions.

schizanon,
@schizanon@mas.to avatar

@stefan I implemented in my Mastodon client https://schizo.social (opening image thumbnails) but for some reason my transitions aren't as smooth. Things get weird when you have dynamically sized (width: 100%) elements.

schizanon, to webdev
@schizanon@mas.to avatar
schizanon, to fediverse
@schizanon@mas.to avatar

I'm working on https://schizo.social again. There's still tons of basic client stuff I could work on, like logout, or rendering boosts, but my goal is to build a client for managing multiple accounts; things like syncing following/mutes/etc. Not really trying to build a client you'd use to read. I want to implement login, but calckey.social is down. Maybe I should start with handling multiple accounts first?

schizanon,
@schizanon@mas.to avatar

I want the thumbnails to open the full version in a modal, with next/prev arrows to navigate between multiple images attachments.

I'll probably use a <dialog> but I kinda wonder if there's a way for me to shoe horn a into this cause I want to play with the .

Maybe clicking the date can open an individual post, and I can use a to navigate to that...

tylersticka, to webdev

I’m so excited for the View Transitions API, so I was thrilled to read my colleague @paulhebert’s article describing a real-world use case he encountered: https://cloudfour.com/thinks/animating-slack-reminders-with-the-view-transitions-api/

bramus, to webdev
@bramus@front-end.social avatar

Y'all are ready for this? I almost am!

nhoizey, to webdev French
@nhoizey@mamot.fr avatar
nhoizey, to webdev French
@nhoizey@mamot.fr avatar
nhoizey, to webdev French
@nhoizey@mamot.fr avatar

🖋 “HTML and CSS based View Transitions are coming”

While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷‍♂️).

⚓️ https://nicolas-hoizey.com/articles/2023/05/19/html-and-css-based-view-transitions-are-coming/

nhoizey, to webdev French
@nhoizey@mamot.fr avatar
nhoizey, to webdev French
@nhoizey@mamot.fr avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • Durango
  • ngwrru68w68
  • thenastyranch
  • magazineikmin
  • hgfsjryuu7
  • DreamBathrooms
  • Youngstown
  • slotface
  • vwfavf
  • PowerRangers
  • everett
  • kavyap
  • rosin
  • Leos
  • khanakhh
  • tacticalgear
  • InstantRegret
  • cubers
  • mdbf
  • ethstaker
  • osvaldo12
  • GTA5RPClips
  • cisconetworking
  • tester
  • normalnudes
  • modclub
  • provamag3
  • All magazines