Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

Firefox for Web Developers

90,175 subscribers

15,394 Aufrufe • vor 6 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Jake Archibald

11,407 Aufrufe • vor 9 Monaten

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

jhey ʕ•ᴥ•ʔ

142,262 Aufrufe • vor 2 Jahren

Future CSS && UI Tip! ⚡️ You could use View Transitions to create those word carousel-type effects 😍 span:nth-of-type(2) { view-transition-name: swap; } ::view-transition-old(swap) { animation-name: slide-down; } ::view-transition-new(swap) { animation-name: slide-up; } How To 1. Create a paragraph split into spans 2. Set an interval in JavaScript that swaps out the accent word 3. Set a view-transition-name on the accent word and the last span Then you've got a responsive word carousel with View Transitions 🤙 Words and inspiration from work louder®'s home page. Had to see if this API could do it and it ended up raising a bug for the web platform! 💪 CodePen.IO link below! 👇

Future CSS && UI Tip! ⚡️ You could use View Transitions to create those word carousel-type effects 😍 span:nth-of-type(2) { view-transition-name: swap; } ::view-transition-old(swap) { animation-name: slide-down; } ::view-transition-new(swap) { animation-name: slide-up; } How To 1. Create a paragraph split into spans 2. Set an interval in JavaScript that swaps out the accent word 3. Set a view-transition-name on the accent word and the last span Then you've got a responsive word carousel with View Transitions 🤙 Words and inspiration from work louder®'s home page. Had to see if this API could do it and it ended up raising a bug for the web platform! 💪 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

230,157 Aufrufe • vor 2 Jahren

In addition to SubviewCollection, we also have a new Zoom Navigation Transition in iOS 18. By combining these two, we can create an Image Viewer similar to the one found on the X app. (Also, these are AsyncImages), For more👇

In addition to SubviewCollection, we also have a new Zoom Navigation Transition in iOS 18. By combining these two, we can create an Image Viewer similar to the one found on the X app. (Also, these are AsyncImages), For more👇

Kavsoft

25,292 Aufrufe • vor 1 Jahr

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Adam Argyle

456,950 Aufrufe • vor 3 Jahren

“Let’s get one thing clear: no one transitions from male to female. No transition actually occurs. These boys who are competing in girls sport are boys.”

“Let’s get one thing clear: no one transitions from male to female. No transition actually occurs. These boys who are competing in girls sport are boys.”

Sall Grover

142,611 Aufrufe • vor 1 Jahr

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Okizeme.gg

22,048 Aufrufe • vor 11 Monaten

✅ Baseline now has full feature coverage, making it easier to know which web platform features are ready to use. Build the next wave of Baseline-powered tools and compete for $10,000 in prizes →

✅ Baseline now has full feature coverage, making it easier to know which web platform features are ready to use. Build the next wave of Baseline-powered tools and compete for $10,000 in prizes →

Google for Developers

11,791 Aufrufe • vor 10 Monaten

WATCH! New Jersey just blew up its last coal fired power planet. It will build storage for renewable energy instead. These are the transitions we need to see in 2023: We have the solutions. Implement them. #ActOnClimate #climate #energy #renewables

WATCH! New Jersey just blew up its last coal fired power planet. It will build storage for renewable energy instead. These are the transitions we need to see in 2023: We have the solutions. Implement them. #ActOnClimate #climate #energy #renewables

Mike Hudema

118,205 Aufrufe • vor 3 Jahren

We just shipped some nice quality of life upgrades to the Google AI Studio usage dashboards, making it easier to see the API success rate on your requests, view Gemini embedding model usage, the ability to zoom in on specific days, and a new graph design!

We just shipped some nice quality of life upgrades to the Google AI Studio usage dashboards, making it easier to see the API success rate on your requests, view Gemini embedding model usage, the ability to zoom in on specific days, and a new graph design!

Logan Kilpatrick

61,533 Aufrufe • vor 7 Monaten

🔌 Today we've announced measures that will make it easier and cheaper to install electric vehicle chargepoints. With plans to install over 11,000 ultra rapid chargers between now and 2030, InstaVolt are working to help more drivers make the transition to electric 👇

🔌 Today we've announced measures that will make it easier and cheaper to install electric vehicle chargepoints. With plans to install over 11,000 ultra rapid chargers between now and 2030, InstaVolt are working to help more drivers make the transition to electric 👇

Department for Transport

19,932 Aufrufe • vor 1 Jahr

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

Google

196,966 Aufrufe • vor 9 Monaten

Sen. Tuberville: "We have entire men's teams across this country now that are turning trans. Women's teams that are turning trans...The woke globalists are pushing these kids to say if you can't compete in men's sports, let's transition and say you're a woman."

Sen. Tuberville: "We have entire men's teams across this country now that are turning trans. Women's teams that are turning trans...The woke globalists are pushing these kids to say if you can't compete in men's sports, let's transition and say you're a woman."

The Bulwark

149,145 Aufrufe • vor 1 Jahr

.Stephen Miller: "It is my view and the view of this administration that [sanctuary] cities are engaged in systemic criminal violations... the word scandal doesn't even come close to describing the enormity of the evil that we are talking about with these policies."

.Stephen Miller: "It is my view and the view of this administration that [sanctuary] cities are engaged in systemic criminal violations... the word scandal doesn't even come close to describing the enormity of the evil that we are talking about with these policies."

Rapid Response 47

173,032 Aufrufe • vor 1 Jahr

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

Lee Robinson

79,109 Aufrufe • vor 1 Jahr

"COME AND VIEW THIS VISTA WITH ME" Wanted to show off some ILLEGAL INSTRUCTION Footage we have for new Vista in action! It's a bit W.I.P, as we are finalizing some things for it, but its close to finished! (credits in 2nd tweet) #fnfmods #sonicexefnf #illegalinstruction

"COME AND VIEW THIS VISTA WITH ME" Wanted to show off some ILLEGAL INSTRUCTION Footage we have for new Vista in action! It's a bit W.I.P, as we are finalizing some things for it, but its close to finished! (credits in 2nd tweet) #fnfmods #sonicexefnf #illegalinstruction

avery

25,279 Aufrufe • vor 3 Jahren

Trudeau: "Freedom of expression, freedom of people to share their points of view is extraordinarily important ... But we need to make sure that people are debating and discussing and basing their world view on things that are anchored in truth and reality."

Trudeau: "Freedom of expression, freedom of people to share their points of view is extraordinarily important ... But we need to make sure that people are debating and discussing and basing their world view on things that are anchored in truth and reality."

The Post Millennial

100,418 Aufrufe • vor 2 Jahren