Загрузка видео...

Не удалось загрузить видео

На главную

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. ✨

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,471 subscribers

33,944 просмотров • 1 год назад •via X (Twitter)

LIVE

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! 👇
0:38

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…
1:33

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 →
0:21

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
1:01

"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"
1:07

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.
0:34

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!
1:08

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.
0:22

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 👇
0:38

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
0:58

Choosing to slow down and spend time with God

Unapologetic

57,546 просмотров • 6 месяцев назад

Choosing to slow down and spend time with God
0:58

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.
0:35

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.
0:23

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.
0:22

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 →
1:24

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!
0:20

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.
16:04

"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
2:11

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 ➡️
0:21

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

Material Design

80,029 просмотров • 3 лет назад