Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🚨#B2VB 2024: build a unit chart! Figma + Cloudinary + a tutorial from Tim Ngwena to make some animated magic in this dashboard 🪄. Feedback welcome, #datafam. Also I need to drink more water 😅. CC: Eric Balash Shreya Arya @ItsElisaDavis.bsky.social 🔗:

Caroline Swiger

1,102 subscribers

18,319 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

thanks guys for trying the demo! this feels different from the initial demo that we pushed last year in the steam RTS fest. Back then, 95% of feedback was about "lack of tutorial". It made me sad because I didn't really enjoy the game back then and I felt that making a tutorial was pointless. this time, we still don't have a tutorial, only few minor objectives, and still got 10x more feedback. And real feedback from players that played a lot, some of them replayed the same mission many times. for the first time in almost 3 years, I feel confident about encouraging people to try Powerplay. And it will only get bigger and better from here, because I decided to finally end my solo developer era and finally get a partner to help me ship this motherfucker! If you have been following the development you should know who I am talking about 😉 I will announce it soon!

thanks guys for trying the demo! this feels different from the initial demo that we pushed last year in the steam RTS fest. Back then, 95% of feedback was about "lack of tutorial". It made me sad because I didn't really enjoy the game back then and I felt that making a tutorial was pointless. this time, we still don't have a tutorial, only few minor objectives, and still got 10x more feedback. And real feedback from players that played a lot, some of them replayed the same mission many times. for the first time in almost 3 years, I feel confident about encouraging people to try Powerplay. And it will only get bigger and better from here, because I decided to finally end my solo developer era and finally get a partner to help me ship this motherfucker! If you have been following the development you should know who I am talking about 😉 I will announce it soon!

Amine Rehioui

13,422 views • 6 months ago

My daily swimmaxing routine: - every morning before work, 7am, 30 min - another one in the evening after work, 7-8pm - best stress relief I’ve found (on par with lifting) - bad day just dissolves once I’m in the water - sleep is deeper, next day I’ve more energy - also for me salty water helps more vs fresh water so I stick to the sea/ocean when I can, but in winter a pool will do too Took a while to build the habit (sometimes I feel lazy) but now I can’t skip it. The video is from this morning.

My daily swimmaxing routine: - every morning before work, 7am, 30 min - another one in the evening after work, 7-8pm - best stress relief I’ve found (on par with lifting) - bad day just dissolves once I’m in the water - sleep is deeper, next day I’ve more energy - also for me salty water helps more vs fresh water so I stick to the sea/ocean when I can, but in winter a pool will do too Took a while to build the habit (sometimes I feel lazy) but now I can’t skip it. The video is from this morning.

Tim

39,227 views • 1 month ago

SplitPaneKit This is something I've wanted to componentize for a while. We've seen this pattern appear in a few apps now, I even use it at Abode. It has a couple "gotcha" moments with performance and optimisation while animating separate or child views with the drag and translation of the split views, handling breakpoints etc, I thought I'd put it into a nice package. I actually made quite a few optimisations from how I handle this with Abode in this package. So might need to implement it over there😅 As before, right now its UIKit only, but SwiftUI host will likely come over the next few days as I make improvements and final changes to the initial API from feedback. - Draggable split-pane interface - Custom breakpoints or built-in presets - Scroll view integration - drag from content or handle - Coordinated animations with pan-effecting views - UIKit

SplitPaneKit This is something I've wanted to componentize for a while. We've seen this pattern appear in a few apps now, I even use it at Abode. It has a couple "gotcha" moments with performance and optimisation while animating separate or child views with the drag and translation of the split views, handling breakpoints etc, I thought I'd put it into a nice package. I actually made quite a few optimisations from how I handle this with Abode in this package. So might need to implement it over there😅 As before, right now its UIKit only, but SwiftUI host will likely come over the next few days as I make improvements and final changes to the initial API from feedback. - Draggable split-pane interface - Custom breakpoints or built-in presets - Scroll view integration - drag from content or handle - Coordinated animations with pan-effecting views - UIKit

Joseph Smith

23,552 views • 1 year ago

How to 10x your design with Figma Make ⭐️ I spent 40+ hours testing Figma Make prompts. Most designers waste time with vague prompts and get garbage outputs. Here are the exact prompts and proven workflow that actually work: 1️⃣. Prompt formula: Bad: "Create a dashboard" Good: "Create a SaaS analytics dashboard with: → Left sidebar navigation (240px wide) → Top bar with user profile → 4 metric cards in a grid → Line chart showing revenue trend → Use blue (#2563EB) as primary color" The more you specify = higher quality. 2️⃣ Workflow: Import Your Design System First Before your first prompt: → Go to your main Figma file → Export your component library → Import it into Make → Add this to every prompt: "Use components from [Your Library Name]" Now everything matches your brand automatically. 3️⃣. Prompt for Interactive States: "Create a login form with: → Email and password inputs → Show error state when fields are empty → Disabled button state when form is incomplete → Success message after submission → Add smooth transitions between states" Gets you working prototypes, not static screens. 4️⃣. Advanced Prompts: Data States "Create a user list screen with three states: → Loading (skeleton screens) → Success (populated table with 10 users) → Empty (illustration + 'No users yet' message + 'Add User' CTA)" One prompt = complete UX coverage. 5️⃣. The "Design System Drift” Fix: Notice Make using wrong colors? → Try this Prompt: "Analyze my imported library and list all color tokens, then regenerate using only those exact values" It'll self-correct and stick to your system. 6️⃣. Responsive Design Prompt: "Create a pricing page with 3 tiers. Make it responsive: → Desktop: 3 columns side-by-side → Tablet: 2 columns with 3rd below → Mobile: Stacked vertically → Use Auto Layout for fluid scaling" This gets you mobile + desktop in one shot. 7️⃣. Magic Troubleshoot Prompts: Output looks off? → Try: "Redesign this following Material Design principles" → Or: "Make this follow iOS Human Interface Guidelines" → Or: "Apply Gestalt principles for better visual hierarchy" Give it design frameworks to follow. It works magic. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokémon. (bookmark this for later)

Felix Lee

12,706 views • 8 months ago

Don't you have a haptic chair for VR gaming? Don't worry, your friendly humanoid robot can help you with that! In a recent research paper from the University of Colorado, researchers experimented with using a humanoid robot to literally grab your chair and move it during VR racing sessions to make the game more realistic. And from the users' feedback, it seemed to work. I guess they took inspiration from those viral videos, where in some low-budget arcades, the owner literally moved the station with his own hands. I can't wait for the fail videos caused by this technology... Full video is available here: #VirtualReality #VR #technology

Don't you have a haptic chair for VR gaming? Don't worry, your friendly humanoid robot can help you with that! In a recent research paper from the University of Colorado, researchers experimented with using a humanoid robot to literally grab your chair and move it during VR racing sessions to make the game more realistic. And from the users' feedback, it seemed to work. I guess they took inspiration from those viral videos, where in some low-budget arcades, the owner literally moved the station with his own hands. I can't wait for the fail videos caused by this technology... Full video is available here: #VirtualReality #VR #technology

TonyVT SkarredGhost

80,441 views • 4 months ago

" A mattress. Well Maybe for some individuals. " This is something based on a comic I made with Ai in the past. I had the comic animated with Atlabs AI The video pretty much says what everything is about. I honestly like silly comics like this. I really should make more and have them as videos as well. That's another things for a long list of things I need done... Also I plan on running more tests with Omniflash in the future especially when Seedance models may not do things a certain way or have things looking a certain way. Also if anybody is planning on using Atlabs for anything I plan on making a video next month on how I use certain video models and which I typically use. This is specifically on how I use certain models for certain things. Not MG. I plan on having it in a tutorial section. I have hopes this will provide people that use any video models with some needed help when choosing what they should get started with because a Sora video model is no longer an option, which was very integral involving how I would use video models in general. Anyway I have an atlabs link below. If you make an account or have one already I hope what I plan on making next month and showing you, helps a lot. This was made with AtlabsAi. This was all done with Ai. #furrycomedyvideo #furryvideo #aianimation #aifurry

" A mattress. Well Maybe for some individuals. " This is something based on a comic I made with Ai in the past. I had the comic animated with Atlabs AI The video pretty much says what everything is about. I honestly like silly comics like this. I really should make more and have them as videos as well. That's another things for a long list of things I need done... Also I plan on running more tests with Omniflash in the future especially when Seedance models may not do things a certain way or have things looking a certain way. Also if anybody is planning on using Atlabs for anything I plan on making a video next month on how I use certain video models and which I typically use. This is specifically on how I use certain models for certain things. Not MG. I plan on having it in a tutorial section. I have hopes this will provide people that use any video models with some needed help when choosing what they should get started with because a Sora video model is no longer an option, which was very integral involving how I would use video models in general. Anyway I have an atlabs link below. If you make an account or have one already I hope what I plan on making next month and showing you, helps a lot. This was made with AtlabsAi. This was all done with Ai. #furrycomedyvideo #furryvideo #aianimation #aifurry

CaleAi

11,715 views • 1 month ago

When they were talking about the alcohol brands: 🐰I think we have to tell them what kind of drink it was~ 🐰no but anyways, it’s not a drink with high alcohol content, it’s not strong~ 🐹we drank makgeolli (fizzy rice wine), soju~ 🐰these days, V-ssi… it’s ok not to mention the brand, you’re into this drink these days right.. 🐹you can’t mention the brand~ 🐯when we were hanging out in the US, when I went into session, since then, I~ hyung likes will also like it so much~ ~~~ 🐹so this is a drink that’s made from the one taehyung enjoyed in the US, the one I make and some drinks left at home~ 🐰just a cocktail of a few things~ Basically, they were just trying to explain that even though they drank alot, the drinks were not strong, i.e they’re not drunk 🤣🤣🤣

Taehyung Naver

33,400 views • 8 months ago

Day 3 - La Chung to Zero Point Distance - 3 hours approx The journey is so fckin beautiful that at one point I had tears in my eyes, not kidding! Felt blessed and privileged to have done this. 🥺 Also, I felt disappointed in our Tourism game. India is beautiful, and I wish we could promote it right. We really need to learn how to market our tourist places. Btw, if you are lucky, you can experience snowfall at Zero Point ❄️🥰 You can see China Border from here. Note - Do carry a raincoat/umbrella. Drink enough water throughout the journey. Carry an oxygen cylinder, highly recommend. Carry essential meds.

Day 3 - La Chung to Zero Point Distance - 3 hours approx The journey is so fckin beautiful that at one point I had tears in my eyes, not kidding! Felt blessed and privileged to have done this. 🥺 Also, I felt disappointed in our Tourism game. India is beautiful, and I wish we could promote it right. We really need to learn how to market our tourist places. Btw, if you are lucky, you can experience snowfall at Zero Point ❄️🥰 You can see China Border from here. Note - Do carry a raincoat/umbrella. Drink enough water throughout the journey. Carry an oxygen cylinder, highly recommend. Carry essential meds.

tere naina

126,677 views • 1 year ago

The next Three.js Water Pro update will give some much needed love to the presets. Here's an example of the update tropical preset! 🌴 FYI, this will likely be my last release for a while (aside from any bug fixes) since I have other projects I'd like to work on. This release will pretty much contain every wishlist feature I wanted to add from the beginning. So far the list includes - Rain - Sea spray - Persistent foam for improved whitecaps - Improved underwater caustics - Improved lighting - Updated presets - A whole bunch of bug fixes - Performance improvements (I also have one more secret feature in the works that I think you guys are going to like 😏)

The next Three.js Water Pro update will give some much needed love to the presets. Here's an example of the update tropical preset! 🌴 FYI, this will likely be my last release for a while (aside from any bug fixes) since I have other projects I'd like to work on. This release will pretty much contain every wishlist feature I wanted to add from the beginning. So far the list includes - Rain - Sea spray - Persistent foam for improved whitecaps - Improved underwater caustics - Improved lighting - Updated presets - A whole bunch of bug fixes - Performance improvements (I also have one more secret feature in the works that I think you guys are going to like 😏)

Dan Greenheck

10,441 views • 4 months ago

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h

Eduard Bodak

166,023 views • 4 months ago

🚨 Francisco conceicao on Ronaldo not passing the ball to him on Portugal 2-1 win over chile: 🗣️ “I felt I was in a much better position to take the shot and score but Ronaldo didn’t pass the ball Sometimes in football moments like that are what decided games We had opportunities in transition where the right decision could have changed everything, but it didn’t happen in that moment. We ended up going 1 man down and having to fight to take something out of the game but at the World Cup we need to work as a team to achieve our goal At this level, small details matter a lot. One pass, one decision, one second can completely change the direction of a match. We have the quality in this team, but we need more understanding in those situations, especially in the final third. If we want to go far in the World Cup, we cannot rely on individual moments we must move as one unit and make the best choice for the team every time.” {talkSPORT }

🚨 Francisco conceicao on Ronaldo not passing the ball to him on Portugal 2-1 win over chile: 🗣️ “I felt I was in a much better position to take the shot and score but Ronaldo didn’t pass the ball Sometimes in football moments like that are what decided games We had opportunities in transition where the right decision could have changed everything, but it didn’t happen in that moment. We ended up going 1 man down and having to fight to take something out of the game but at the World Cup we need to work as a team to achieve our goal At this level, small details matter a lot. One pass, one decision, one second can completely change the direction of a match. We have the quality in this team, but we need more understanding in those situations, especially in the final third. If we want to go far in the World Cup, we cannot rely on individual moments we must move as one unit and make the best choice for the team every time.” {talkSPORT }

SethOfficial

30,655 views • 3 months ago

Hello Hugh Thomas , let’s do it one by one, sample by sample, stone by stone. Whenever an artificial stone recipe of mine reaches a certain stage that’s the results are comparable to the natural version I’ll send a cast sample to you (with its mold) to analyze. The first one could be this perfectly chiseled fake limestone cube. As you can see you can’t fit a razor blade between the stone and the cheap silicone mold from Temu. This proves my micro chiseling skills. The recipe is public, you don’t even need my cube, you could create your own - but you won’t. So I’ll send this cute cube to you. The “secret” recipe is: I started from wood ash lye, also called potash, or K2CO3, by slowly dripping water through hard wood ash. Hard wood ash from your fireplace, yeah. Then I added slaked lime, and the chemical reaction produced fine, molecular level CaCO3 particles, fine limestone floating in the liquid. FYI: the secret chemical reaction is, and was in the ancient times as well: K2CO3 + Ca(OH)2 = CaCO3 + 2KOH Yummy! Next step: I let the limestone particles settle, and poured the KOH, potassium hydroxide solution above (that also formed in the liquid, see above) into the kitchen sink as it is a very good drain cleaner indeed. I added water and poured it into the sink several times, trying to clean the slurry from the KOH. So yes, the cube is from almost pure limestone, CaCO3 - with some residual KOH contamination. The KOH contamination can be reduced infinitely, I just stopped after 4 rounds. (Pro tip: put the slurry into a filter bag and put the bag into a mountain creek for an hour.) The next step is filtering and pressing the remaining liquid from the slurry. Because it’s a wet mess at this point. Pressure is a key factor to success! At least one thing is accurate from the universal canon: no pressure-no stone. How do I know? By trying and failing a few (dozen) times. So I poured the white limestone slurry into a sock 🧦 and pressed and squeezed it by hand - and that was JUST enough pressure for the magic to happen 😮 It looks like nature/god is on our side, everything is working as it was designed this way. Then I put the almost dry limestone paste into this Temu mold. Fun fact: it still contains a lot of water which will eventually be pressed out as the crystallization progresses, so we’ll need to get rid of that water through a hole, a nub. But there is no hole 🕳️ on this Temu mold so I poured the excess liquid from the top a few times. Hardening time=drying time=crystallization time : 1 week. The important lesson I learned from this experience is as follows: I tried to understand why this sludge turned into hard stone, because, as we were told, IT IS IMPOSSIBLE, and my understanding is this: wood ash lye does two different magics in parallel for this to happen: 1. It magically contains the right kind of contamination to facilitate calcite crystal formation and 2. The incredibly high pH (remember, 2 molecules of KOH are produced from 1 molecule of K2CO3!) in the liquid boost the calcite formation even more. ———- My only request from you and your colleagues concerning this analysis is full, 100000% transparency. And be honest. I know something you clearly don’t: you have lost this battle already. We need the data fast, not in 4 years or something. Transparency means sharing whatever you find here on X, without scientific drama and pullbacks. We don’t need a 947 pages scientific paper. We need the results, the data only. BTW: I already know what you will find: a “special type of natural limestone” with some minimal potassium contamination🤣🤣🤣 Now feel free to DM me, let this scientific analysis happen! And thank you for your offer!

Hello Hugh Thomas , let’s do it one by one, sample by sample, stone by stone. Whenever an artificial stone recipe of mine reaches a certain stage that’s the results are comparable to the natural version I’ll send a cast sample to you (with its mold) to analyze. The first one could be this perfectly chiseled fake limestone cube. As you can see you can’t fit a razor blade between the stone and the cheap silicone mold from Temu. This proves my micro chiseling skills. The recipe is public, you don’t even need my cube, you could create your own - but you won’t. So I’ll send this cute cube to you. The “secret” recipe is: I started from wood ash lye, also called potash, or K2CO3, by slowly dripping water through hard wood ash. Hard wood ash from your fireplace, yeah. Then I added slaked lime, and the chemical reaction produced fine, molecular level CaCO3 particles, fine limestone floating in the liquid. FYI: the secret chemical reaction is, and was in the ancient times as well: K2CO3 + Ca(OH)2 = CaCO3 + 2KOH Yummy! Next step: I let the limestone particles settle, and poured the KOH, potassium hydroxide solution above (that also formed in the liquid, see above) into the kitchen sink as it is a very good drain cleaner indeed. I added water and poured it into the sink several times, trying to clean the slurry from the KOH. So yes, the cube is from almost pure limestone, CaCO3 - with some residual KOH contamination. The KOH contamination can be reduced infinitely, I just stopped after 4 rounds. (Pro tip: put the slurry into a filter bag and put the bag into a mountain creek for an hour.) The next step is filtering and pressing the remaining liquid from the slurry. Because it’s a wet mess at this point. Pressure is a key factor to success! At least one thing is accurate from the universal canon: no pressure-no stone. How do I know? By trying and failing a few (dozen) times. So I poured the white limestone slurry into a sock 🧦 and pressed and squeezed it by hand - and that was JUST enough pressure for the magic to happen 😮 It looks like nature/god is on our side, everything is working as it was designed this way. Then I put the almost dry limestone paste into this Temu mold. Fun fact: it still contains a lot of water which will eventually be pressed out as the crystallization progresses, so we’ll need to get rid of that water through a hole, a nub. But there is no hole 🕳️ on this Temu mold so I poured the excess liquid from the top a few times. Hardening time=drying time=crystallization time : 1 week. The important lesson I learned from this experience is as follows: I tried to understand why this sludge turned into hard stone, because, as we were told, IT IS IMPOSSIBLE, and my understanding is this: wood ash lye does two different magics in parallel for this to happen: 1. It magically contains the right kind of contamination to facilitate calcite crystal formation and 2. The incredibly high pH (remember, 2 molecules of KOH are produced from 1 molecule of K2CO3!) in the liquid boost the calcite formation even more. ———- My only request from you and your colleagues concerning this analysis is full, 100000% transparency. And be honest. I know something you clearly don’t: you have lost this battle already. We need the data fast, not in 4 years or something. Transparency means sharing whatever you find here on X, without scientific drama and pullbacks. We don’t need a 947 pages scientific paper. We need the results, the data only. BTW: I already know what you will find: a “special type of natural limestone” with some minimal potassium contamination🤣🤣🤣 Now feel free to DM me, let this scientific analysis happen! And thank you for your offer!

Marcell Fóti 🪨

39,829 views • 1 month ago

Vitaliks mandarin fluency is a super bullish signal for Ethereum 🐂 He had an open town hall at HK where community members asked him all sorts of questions, from the easy to the difficult The hard questions were all in Mandarin so i couldn't follow those 😅 At the town hall he laid out the guiding principle for Ethereum: cooperation without domination It's especially important in today's world where a powerful person dictates terms and others have to follow, or we have no cooperation & there's chaos What this means at a technical level is that Ethereums the world computer & we need to build enough trust that developers feel comfortable building apps on top of it. Solo staking, a conservative approach to changing the protocol etc are all part of this He also spoke on how new technology is a reset & creates a level playing field where the game starts again from zero with bringing a lot more people right to the frontier We are seeing this with AI (and zk too), where a noob developer can still catch up to a veteran with good prompt engineering. He shared his own experience of building an android app for the first time using AI despite having no prior experience in it Before people would say that EF needs to write more documentation. Now it's more relevant to show how deep seek integrations with solidity and Java can help easily create new Ethereum apps He sees AI as making it much easier for newcomers to build web3 apps & is making a push in this direction

Vitaliks mandarin fluency is a super bullish signal for Ethereum 🐂 He had an open town hall at HK where community members asked him all sorts of questions, from the easy to the difficult The hard questions were all in Mandarin so i couldn't follow those 😅 At the town hall he laid out the guiding principle for Ethereum: cooperation without domination It's especially important in today's world where a powerful person dictates terms and others have to follow, or we have no cooperation & there's chaos What this means at a technical level is that Ethereums the world computer & we need to build enough trust that developers feel comfortable building apps on top of it. Solo staking, a conservative approach to changing the protocol etc are all part of this He also spoke on how new technology is a reset & creates a level playing field where the game starts again from zero with bringing a lot more people right to the frontier We are seeing this with AI (and zk too), where a noob developer can still catch up to a veteran with good prompt engineering. He shared his own experience of building an android app for the first time using AI despite having no prior experience in it Before people would say that EF needs to write more documentation. Now it's more relevant to show how deep seek integrations with solidity and Java can help easily create new Ethereum apps He sees AI as making it much easier for newcomers to build web3 apps & is making a push in this direction

Devansh Mehta

49,358 views • 1 year ago

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

Lee Robinson

148,937 views • 1 year ago

‼️🔵Eden Hazard on Chelsea signing Morgan Rogers "I'm really happy to see Chelsea sign Morgan Rogers. He's one of the most exciting young players in England, and I love the way he plays the game. He has courage, power, creativity and always wants to make things happen with the ball." "For me, the partnership between Morgan Rogers and Cole Palmer is exactly what Chelsea need if they want to win the Premier League again. They can create magic together, score goals, and make Chelsea a nightmare for any defence." "I'll definitely be watching Chelsea more this season because I enjoy Rogers' football so much. He's a special talent, and if he and Palmer build a strong understanding, I believe Chelsea fans have every reason to dream of lifting the Premier League trophy."chels

‼️🔵Eden Hazard on Chelsea signing Morgan Rogers "I'm really happy to see Chelsea sign Morgan Rogers. He's one of the most exciting young players in England, and I love the way he plays the game. He has courage, power, creativity and always wants to make things happen with the ball." "For me, the partnership between Morgan Rogers and Cole Palmer is exactly what Chelsea need if they want to win the Premier League again. They can create magic together, score goals, and make Chelsea a nightmare for any defence." "I'll definitely be watching Chelsea more this season because I enjoy Rogers' football so much. He's a special talent, and if he and Palmer build a strong understanding, I believe Chelsea fans have every reason to dream of lifting the Premier League trophy."chels

Tonny C

66,820 views • 1 month ago

Apparently, I saw this video online and I decided to share. What this worker is applying is called bitumen, or what many of us know as bituminous coating. Most people think a wall is a solid, impenetrable block, but in reality, it is more like a sponge. Concrete and blocks have microscopic pores that pull water from the earth through a process we call capillary action. This thick black substance is the shield that stops that water from climbing up into the house. It is not about making the wall look good because this part will be buried under the dirt forever. It is about creating a skin that water cannot breathe through. When do you need to do this? The need for this arises because the soil is a very aggressive environment. Water is not your only enemy.. The ground also contains salts and sulfates that want to eat away at the cement. If this moisture finds its way to the steel bars inside the columns, those bars will start to rust. And when steel rusts, it expands, and that expansion is what cracks the concrete from the inside out. This coating is the only thing standing between your foundation and that kind of slow destruction. Thats is why if you see wet patches at the bottom of your walls inside your house, it usually means someone skipped this step or did it poorly during construction. You can apply this anytime you are building parts of a structure that will stay in contact with the ground. It is common in areas where the water table is high or where the soil stays damp for most of the year. This is a one-shot opportunity. Once you backfill the soil, you can never go back to fix it without a lot of expense and a lot of digging. It is about having the foresight to protect the heart of the building while it is still exposed. Please don’t ignore this if you need to. If you ignore it now to save a bit of money, you will be funding the future decay of your own home. I hope this helps.

Apparently, I saw this video online and I decided to share. What this worker is applying is called bitumen, or what many of us know as bituminous coating. Most people think a wall is a solid, impenetrable block, but in reality, it is more like a sponge. Concrete and blocks have microscopic pores that pull water from the earth through a process we call capillary action. This thick black substance is the shield that stops that water from climbing up into the house. It is not about making the wall look good because this part will be buried under the dirt forever. It is about creating a skin that water cannot breathe through. When do you need to do this? The need for this arises because the soil is a very aggressive environment. Water is not your only enemy.. The ground also contains salts and sulfates that want to eat away at the cement. If this moisture finds its way to the steel bars inside the columns, those bars will start to rust. And when steel rusts, it expands, and that expansion is what cracks the concrete from the inside out. This coating is the only thing standing between your foundation and that kind of slow destruction. Thats is why if you see wet patches at the bottom of your walls inside your house, it usually means someone skipped this step or did it poorly during construction. You can apply this anytime you are building parts of a structure that will stay in contact with the ground. It is common in areas where the water table is high or where the soil stays damp for most of the year. This is a one-shot opportunity. Once you backfill the soil, you can never go back to fix it without a lot of expense and a lot of digging. It is about having the foresight to protect the heart of the building while it is still exposed. Please don’t ignore this if you need to. If you ignore it now to save a bit of money, you will be funding the future decay of your own home. I hope this helps.

A.Y.O

75,399 views • 4 months ago

You + Your Person ❤️‍🔥 For/To: #Aries #Leo #Sagittarius #FireSigns This you need to know: •Having sleepless nights over you •You could be dealing with an Earth Sign •Wanting a Family with you or ready to build/work towards one •Your too good at goodbyes •Having a hard time letting you go Someone from your past is coming back around to talk to you. Someone panicked and could’ve ran from you. You may have a child with this person or planned one. I do see this person has been obsessing over you and missing you more than you’ll ever know. This person could’ve had some legal issues to handle. But there was some gossip around this connection and I do see your person has shut all the rumors. Anyone who thought they had one up on you could’ve got clowned and shut down. I do see this karmic was upset and mad making it seem like something that it wasn’t. Your person has shut down this other connection and ready to make their way back to you. I do see this person is scared to come forward, and hates that you have cut them off the way you did. I do see expect a phone call, meet up for drinks, pulling up on you will be in full effect. They’re gonna be on you real bad.

You + Your Person ❤️‍🔥 For/To: #Aries #Leo #Sagittarius #FireSigns This you need to know: •Having sleepless nights over you •You could be dealing with an Earth Sign •Wanting a Family with you or ready to build/work towards one •Your too good at goodbyes •Having a hard time letting you go Someone from your past is coming back around to talk to you. Someone panicked and could’ve ran from you. You may have a child with this person or planned one. I do see this person has been obsessing over you and missing you more than you’ll ever know. This person could’ve had some legal issues to handle. But there was some gossip around this connection and I do see your person has shut all the rumors. Anyone who thought they had one up on you could’ve got clowned and shut down. I do see this karmic was upset and mad making it seem like something that it wasn’t. Your person has shut down this other connection and ready to make their way back to you. I do see this person is scared to come forward, and hates that you have cut them off the way you did. I do see expect a phone call, meet up for drinks, pulling up on you will be in full effect. They’re gonna be on you real bad.

🔥HOTGIRLTAROTSHA ACADEMY🔥

145,935 views • 2 years ago