正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨

jhey ʕ•ᴥ•ʔ

146,471 subscribers

33,944 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 条评论

@shikkhar_ 的头像

@shikkhar_1 年前

I would love to see a video tutorial on this bro…. It works amazing

trebleszn 的头像

trebleszn1 年前

How do you fetch the individual subscription data for each service for the customer

Ayan Patel 的头像

Ayan Patel1 年前

Massss 💥

Makisuo 的头像

Makisuo1 年前

Crazy how good browsers are getting

Satyajit 的头像

Satyajit1 年前

how are you making that chart? i am stuck with svg implmentation

Brayan 👾 的头像

Brayan 👾1 年前

i’m more curious on how you use the dev tools for css animations like this

Palatium • Portfolio designer 的头像

Palatium • Portfolio designer1 年前

The icon animation is ✨

相关视频

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,088 次观看 • 2 年前

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…

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

15,394 次观看 • 5 个月前

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,664 次观看 • 3 个月前

"It's a totally different way of playing it and i think just as successful" Talking about Meath's attacking style of play and how it's different and can blow teams away. However, when momentum is against them they could slow it down a bit

"It's a totally different way of playing it and i think just as successful" Talking about Meath's attacking style of play and how it's different and can blow teams away. However, when momentum is against them they could slow it down a bit

Smaller Fish

17,967 次观看 • 1 个月前

Trump: "The only time anybody could see those planes was when those bomb chutes open up, because it becomes totally un-stealth. You're going in, you go like this. And as soon as it goes like this, for some reason the plane is totally visible. Not good. And I watched it happening. I watched it go bing bing"

Trump: "The only time anybody could see those planes was when those bomb chutes open up, because it becomes totally un-stealth. You're going in, you go like this. And as soon as it goes like this, for some reason the plane is totally visible. Not good. And I watched it happening. I watched it go bing bing"

Aaron Rupar

757,021 次观看 • 6 个月前

Drill: Transition Warmup Shooting Build up to Transition O. This is pretty slow. Go faster to see who can speed dribble, run lanes, shoot in transition, etc.

Drill: Transition Warmup Shooting Build up to Transition O. This is pretty slow. Go faster to see who can speed dribble, run lanes, shoot in transition, etc.

Coach Tony Miller

92,857 次观看 • 2 年前

View Transitions bring seamless transition animations to the browser. Chrome is excited to see official support in Astro 3.0: ~ learn about the journey there!

View Transitions bring seamless transition animations to the browser. Chrome is excited to see official support in Astro 3.0: ~ learn about the journey there!

Addy Osmani

184,151 次观看 • 2 年前

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Chrome DevTools now supports individual network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Addy Osmani

281,103 次观看 • 5 个月前

Use CSS View Transitions for progressively enhanced theme-switching 😎 ::view-transition-new(root) { animation: reveal; clip-path: inset(0 0 0 0); } keyframes reveal {0% { clip-path: inset(100% 0 0 0);}} Can even scrub/debug with DevTools 👇

Use CSS View Transitions for progressively enhanced theme-switching 😎 ::view-transition-new(root) { animation: reveal; clip-path: inset(0 0 0 0); } keyframes reveal {0% { clip-path: inset(100% 0 0 0);}} Can even scrub/debug with DevTools 👇

jhey ʕ•ᴥ•ʔ

79,932 次观看 • 1 年前

Choosing to slow down and spend time with God

Choosing to slow down and spend time with God

Unapologetic

57,546 次观看 • 6 个月前

Choosing to slow down and spend time with God

Choosing to slow down and spend time with God

Unapologetic

13,364 次观看 • 5 个月前

There is a beautiful Fisherman's Wharf in Sanmen Jiantiao Port. Here you can see the sea view, eat seafood, and go out to sea. Here, you can see the beautiful sea view and feel the magnificence of the sea.

There is a beautiful Fisherman's Wharf in Sanmen Jiantiao Port. Here you can see the sea view, eat seafood, and go out to sea. Here, you can see the beautiful sea view and feel the magnificence of the sea.

Yummy Sanmen

12,730 次观看 • 1 年前

Ollama 0.2 is here! Concurrency is now enabled by default. This unlocks 2 major features: Parallel requests Ollama can now serve multiple requests at the same time, using only a little bit of additional memory for each request. This enables use cases such as: - Handling multiple chat sessions at the same time - Hosting code completion LLMs for your team - Processing different parts of a document simultaneously - Running multiple agents at the same time Run multiple models Ollama now supports loading different models at the same time. This improves several use cases: - Retrieval Augmented Generation (RAG): both the embedding and text completion models can be loaded into memory simultaneously. - Agents: multiple versions of an agent can now run simultaneously - Running large and small models side-by-side Models are automatically loaded and unloaded based on requests and how much GPU memory is available.

Ollama 0.2 is here! Concurrency is now enabled by default. This unlocks 2 major features: Parallel requests Ollama can now serve multiple requests at the same time, using only a little bit of additional memory for each request. This enables use cases such as: - Handling multiple chat sessions at the same time - Hosting code completion LLMs for your team - Processing different parts of a document simultaneously - Running multiple agents at the same time Run multiple models Ollama now supports loading different models at the same time. This improves several use cases: - Retrieval Augmented Generation (RAG): both the embedding and text completion models can be loaded into memory simultaneously. - Agents: multiple versions of an agent can now run simultaneously - Running large and small models side-by-side Models are automatically loaded and unloaded based on requests and how much GPU memory is available.

ollama

219,389 次观看 • 2 年前

Timing is everything. Especially when a sinner is swinging a door at your face. Speaking of timing, it's the weekend, and there's no better way to spend it than with the demo for Labyrinth of the Demon King. Thank you to those who've tried it so far.

Timing is everything. Especially when a sinner is swinging a door at your face. Speaking of timing, it's the weekend, and there's no better way to spend it than with the demo for Labyrinth of the Demon King. Thank you to those who've tried it so far.

Top Hat Studios, Inc.

17,457 次观看 • 1 年前

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

Chrome for Developers

114,560 次观看 • 7 个月前

the new --cpu-prof flag is a really nice way to see how much of your time Bun is spending on the CPU ⚡ you can open the profile directly in VSCode/Cursor/Chrome DevTools. also makes it easier to compare how your script performs in Bun vs Node!

Lydia Hallie ✨

70,061 次观看 • 7 个月前

"Those who can burn the olive groves of Palestinians can burn everything." Former Israeli Prime Minister Ehud Olmert expresses outrage over ongoing settler violence in the occupied West Bank, calling it "totally unacceptable, intolerable and unforgivable... done with the tacit cooperation... of the Israeli police and a gross indifference by the Israeli military in the area. And it is time to stop it." Watch our full interview here.

"Those who can burn the olive groves of Palestinians can burn everything." Former Israeli Prime Minister Ehud Olmert expresses outrage over ongoing settler violence in the occupied West Bank, calling it "totally unacceptable, intolerable and unforgivable... done with the tacit cooperation... of the Israeli police and a gross indifference by the Israeli military in the area. And it is time to stop it." Watch our full interview here.

Christiane Amanpour

216,221 次观看 • 7 个月前

A busy severe weather week ahead! We could see a tornado outbreak for parts of the midwest. Timing it all out on The Weather Channel

A busy severe weather week ahead! We could see a tornado outbreak for parts of the midwest. Timing it all out on The Weather Channel

Kelly Cass

32,336 次观看 • 1 年前

Elevate the experience of your app with amazing transitions. Learn about the six common transition patterns here ➡️

Elevate the experience of your app with amazing transitions. Learn about the six common transition patterns here ➡️

Material Design

80,029 次观看 • 3 年前