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.

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 Aufrufe • vor 1 Jahr •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Kommentare

Profilbild von @shikkhar_

@shikkhar_vor 1 Jahr

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

Profilbild von trebleszn

treblesznvor 1 Jahr

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

Profilbild von Ayan Patel

Ayan Patelvor 1 Jahr

Massss 💥

Profilbild von Makisuo

Makisuovor 1 Jahr

Crazy how good browsers are getting

Profilbild von Satyajit

Satyajitvor 1 Jahr

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

Profilbild von Brayan 👾

Brayan 👾vor 1 Jahr

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

Profilbild von Palatium • Portfolio designer

Palatium • Portfolio designervor 1 Jahr

The icon animation is ✨

Ähnliche Videos

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 3 Monaten

"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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

Choosing to slow down and spend time with God

Choosing to slow down and spend time with God

Unapologetic

57,546 Aufrufe • vor 6 Monaten

Choosing to slow down and spend time with God

Choosing to slow down and spend time with God

Unapologetic

13,364 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 7 Monaten

"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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren