Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Yorum

@shikkhar_ profil fotoğrafı

@shikkhar_1 yıl önce

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

trebleszn profil fotoğrafı

trebleszn1 yıl önce

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

Ayan Patel profil fotoğrafı

Ayan Patel1 yıl önce

Massss 💥

Makisuo profil fotoğrafı

Makisuo1 yıl önce

Crazy how good browsers are getting

Satyajit profil fotoğrafı

Satyajit1 yıl önce

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

Brayan 👾 profil fotoğrafı

Brayan 👾1 yıl önce

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

Palatium • Portfolio designer profil fotoğrafı

Palatium • Portfolio designer1 yıl önce

The icon animation is ✨

Benzer Videolar

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 görüntüleme • 2 yıl önce

"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 görüntüleme • 2 ay önce

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 görüntüleme • 8 ay önce

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,787 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

"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 görüntüleme • 8 ay önce

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 görüntüleme • 9 ay önce

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,429 görüntüleme • 2 yıl önce

Spent the weekend building an interactive map of Manhattan Every building, color coded by the year it was built Click any one to see its history You can also view neighborhoods, different views etc Project and GitHub 🔗 in replies

Spent the weekend building an interactive map of Manhattan Every building, color coded by the year it was built Click any one to see its history You can also view neighborhoods, different views etc Project and GitHub 🔗 in replies

Perly 🦈

70,758 görüntüleme • 3 ay önce

Look my painted toes in these glossy pantyhose with open-toe heels 👀… Just the kind of elegant tease I love 🥰. That high arch hits different when I slow it down and let you stare a little longer 🥵. 🤩 I’m wearing PinkGrapes oil shine 8 DEN tights, and the shine is doing exactly what it should.

Look my painted toes in these glossy pantyhose with open-toe heels 👀… Just the kind of elegant tease I love 🥰. That high arch hits different when I slow it down and let you stare a little longer 🥵. 🤩 I’m wearing PinkGrapes oil shine 8 DEN tights, and the shine is doing exactly what it should.

👠 ℙ𝔸ℕ𝕋𝕐ℍ𝕆𝕊𝔼 𝔸ℕ𝔻 ℍ𝔼𝔼𝕃𝕊 𝔻𝕀𝕍𝔸

13,805 görüntüleme • 1 ay önce

It's officially time... The release of my comedy album Sports Illustrated: Comedian Edition is here and you can get it in the link down in the replies!

It's officially time... The release of my comedy album Sports Illustrated: Comedian Edition is here and you can get it in the link down in the replies!

Donavan (DeathCripps)

737,399 görüntüleme • 3 yıl önce

WEF "agenda contributor" Mina Al-Oraibi: Even though the speed of the Net Zero energy transition may slow down under the Trump administration, it won't get reversed. "Everybody sees climate change tangibly. We see it here, gathered [in Davos], the levels of snow compared to what we're used to in the Middle East. We absolutely feel the impact of climate change." "I don't think there's going to be a major reversal... The reality is that the energy transition is necessary, but it may get slowed [down]."

WEF "agenda contributor" Mina Al-Oraibi: Even though the speed of the Net Zero energy transition may slow down under the Trump administration, it won't get reversed. "Everybody sees climate change tangibly. We see it here, gathered [in Davos], the levels of snow compared to what we're used to in the Middle East. We absolutely feel the impact of climate change." "I don't think there's going to be a major reversal... The reality is that the energy transition is necessary, but it may get slowed [down]."

Wide Awake Media

62,478 görüntüleme • 1 yıl önce

Curious moment here where one guy mentions the totally plausible theory that Mandelson is directly implicated in Epstein’s blackmail network, and an audibly panicked Will Lloyd shuts it down

Curious moment here where one guy mentions the totally plausible theory that Mandelson is directly implicated in Epstein’s blackmail network, and an audibly panicked Will Lloyd shuts it down

matt ༼ ◕_◕ ༽🇵🇸

29,437 görüntüleme • 11 ay önce

It is a miracle that we can understand and create a model of the universe in our minds, and I can't think of a better way to spend my time here. #wonder #science #thepoetryofreality The full episode is here:

It is a miracle that we can understand and create a model of the universe in our minds, and I can't think of a better way to spend my time here. #wonder #science #thepoetryofreality The full episode is here:

Richard Dawkins

124,660 görüntüleme • 2 yıl önce

Had to slow this down for those of us missing the ADHD gene so we can actually see what's going on. And it's devastating. He's coming for our throats again.😭 #EAT_IT_UP_SPAGHETTI #jhope #LE_SSERAFIM

Had to slow this down for those of us missing the ADHD gene so we can actually see what's going on. And it's devastating. He's coming for our throats again.😭 #EAT_IT_UP_SPAGHETTI #jhope #LE_SSERAFIM

cyb3rpunkt 🐿️💚ミ⊙⊝⊜

36,638 görüntüleme • 10 ay önce

Watch this and tell me the police arent totally out of their depths here.... you can see it in their faces....🤔🤷‍♀️

Watch this and tell me the police arent totally out of their depths here.... you can see it in their faces....🤔🤷‍♀️

🤍𝕁𝕆🤍

251,528 görüntüleme • 1 yıl önce

Building the immersive compute network is a complex mission with many moving parts. The Guardian Node Reward Calculator helps you explore different possibilities and better understand how market dynamics could affect the rewards of operating a Mawari Guardian Node.

Building the immersive compute network is a complex mission with many moving parts. The Guardian Node Reward Calculator helps you explore different possibilities and better understand how market dynamics could affect the rewards of operating a Mawari Guardian Node.

Mawari

80,505 görüntüleme • 11 ay önce

CSS Tip! ✨ You can create these parallax effects and image cross-fades with scroll-driven animations 🤙 img { animation: fade; animation-timeline: view(); mix-blend-mode: plus-lighter } img:last-of-type { animation-direction: reverse; } @keyframes fade { to { opacity: 0; }} This one's fun! 😁 The trick with the cross-fading image is to make use of one animation that runs at the same time on two images inside a container. You use the same animation, animation-timeline, and animation-range. But, you use animation-direction: reverse on one of the images so they go in the opposite direction 🫶 The use of mix-blend-mode: plus-lighter; produces a better cross-fade result 💯 A viewTimeline (view()) works because you know that both images are the same height. The range you can use is img { animation-timeline: view(); animation-range: cover 45% cover 55%; } That means when the image has covered 45% of the scrollport (In this case, the window), start the animation. And finish when it has covered 55% 🎬 How about the slight parallax? This is a trick with calc(). You know the top of the small image and the big image line up. And you can do this by absolutely placing the caption outside of the small image. The trick is to translate the small image by a distance so it lines up with the bottom of the big image. You can do that like this :root { --catch-up: calc( var(--big-height) - var(--small-height) ); } @keyframes move { to { translate: 0 var(--catch-up); }} Then drive that animation with a scroll-driven animation using the container of both images as the driver 🤙 /* section contains both images */ section { view-timeline: --container; } .img-fader { animation: catch-up both linear; animation-timeline: --container; animation-range: 50vh calc(100vh + (var(--big-height) * 0.25)); } That's it! Scroll-driven image cross-fading and parallax effects without any JavaScript. This demo will work in all browsers as there is some JavaScript in place where the API isn't supported 🤙 To do that, it uses GSAP ScrollTrigger 🏆 As always, any questions, requests, etc. hit me up! 🤙 CodePen.IO link below 👇

CSS Tip! ✨ You can create these parallax effects and image cross-fades with scroll-driven animations 🤙 img { animation: fade; animation-timeline: view(); mix-blend-mode: plus-lighter } img:last-of-type { animation-direction: reverse; } @keyframes fade { to { opacity: 0; }} This one's fun! 😁 The trick with the cross-fading image is to make use of one animation that runs at the same time on two images inside a container. You use the same animation, animation-timeline, and animation-range. But, you use animation-direction: reverse on one of the images so they go in the opposite direction 🫶 The use of mix-blend-mode: plus-lighter; produces a better cross-fade result 💯 A viewTimeline (view()) works because you know that both images are the same height. The range you can use is img { animation-timeline: view(); animation-range: cover 45% cover 55%; } That means when the image has covered 45% of the scrollport (In this case, the window), start the animation. And finish when it has covered 55% 🎬 How about the slight parallax? This is a trick with calc(). You know the top of the small image and the big image line up. And you can do this by absolutely placing the caption outside of the small image. The trick is to translate the small image by a distance so it lines up with the bottom of the big image. You can do that like this :root { --catch-up: calc( var(--big-height) - var(--small-height) ); } @keyframes move { to { translate: 0 var(--catch-up); }} Then drive that animation with a scroll-driven animation using the container of both images as the driver 🤙 /* section contains both images / section { view-timeline: --container; } .img-fader { animation: catch-up both linear; animation-timeline: --container; animation-range: 50vh calc(100vh + (var(--big-height) 0.25)); } That's it! Scroll-driven image cross-fading and parallax effects without any JavaScript. This demo will work in all browsers as there is some JavaScript in place where the API isn't supported 🤙 To do that, it uses GSAP ScrollTrigger 🏆 As always, any questions, requests, etc. hit me up! 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

242,205 görüntüleme • 2 yıl önce