Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

One of the most underrated CSS props is definitely scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳

chazza's profile picture

Charlie J

3,100 subscribers

62,476 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉
0:15

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 Aufrufe • vor 10 Monaten

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.
0:17

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.

一丝

32,865 Aufrufe • vor 4 Monaten

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)
0:11

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Dima Belyaev

27,653 Aufrufe • vor 8 Monaten

I just created this entire motion design video with MiniMax H3… and the result is INSANE. 🤯 The kind of sequence that normally looks like it came from a full motion design studio. And the best part? This is now possible with Unlimited #MiniMaxH3 on Runway
0:15

I just created this entire motion design video with MiniMax H3… and the result is INSANE. 🤯 The kind of sequence that normally looks like it came from a full motion design studio. And the best part? This is now possible with Unlimited #MiniMaxH3 on Runway

FATHELA ESQ

22,352 Aufrufe • vor 3 Tagen

The zoom on the iPhone 17 Pro Max is absolutely insane. No wonder NASA had to “equip” the NASA Artemis II astronauts with one each… because what even is this level of detail?! 🤯🔥 Yeah… I definitely cooked with this one.
0:11

The zoom on the iPhone 17 Pro Max is absolutely insane. No wonder NASA had to “equip” the NASA Artemis II astronauts with one each… because what even is this level of detail?! 🤯🔥 Yeah… I definitely cooked with this one.

Gingo Samuel

91,244 Aufrufe • vor 4 Monaten

ONE OF THE MOST UNDERRATED PLAYS OF ALL TIME: With the game on the line, #Rams QB Matthew Stafford THREW A NO-LOOK DIME ON THE LAST DRIVE OF THE SUPER BOWL, to win it all. 🤯🤯🤯 This play deserves a lot more credit… (🎥 KaleyCo)
0:14

ONE OF THE MOST UNDERRATED PLAYS OF ALL TIME: With the game on the line, #Rams QB Matthew Stafford THREW A NO-LOOK DIME ON THE LAST DRIVE OF THE SUPER BOWL, to win it all. 🤯🤯🤯 This play deserves a lot more credit… (🎥 KaleyCo)

MLFootball

1,735,683 Aufrufe • vor 2 Jahren

ONE OF THE MOST UNDERRATED PLAYS OF ALL TIME: With the game on the line, #Rams quarterback Matthew Stafford THREW A NO-LOOK DIME ON THE LAST DRIVE OF THE SUPER BOWL, to win it all. This play deserves a lot more credit in history… 🤯🤯🤯
0:14

ONE OF THE MOST UNDERRATED PLAYS OF ALL TIME: With the game on the line, #Rams quarterback Matthew Stafford THREW A NO-LOOK DIME ON THE LAST DRIVE OF THE SUPER BOWL, to win it all. This play deserves a lot more credit in history… 🤯🤯🤯

MLFootball

212,819 Aufrufe • vor 6 Monaten

The video for You Are Not Alone is out now 💚 It was emotional recording this one, thanks to everyone involved. It really is one of the most important songs I’ve made. #YouAreNotAlone ❤️
0:19

The video for You Are Not Alone is out now 💚 It was emotional recording this one, thanks to everyone involved. It really is one of the most important songs I’ve made. #YouAreNotAlone ❤️

Tom Grennan

40,237 Aufrufe • vor 3 Jahren

New bid just came in and OMG !!!!! 🥳🥳🥳🥳🥳 I thought a lot, doubted myself, but I kept going. I faced the fear, and that alone is already a victory. Now seeing that someone resonates with this piece, my day is complete. Thank you so much to everyone who shared messages of support. My art is alive. Thank you !!!!!!!!!!!!
0:14

New bid just came in and OMG !!!!! 🥳🥳🥳🥳🥳 I thought a lot, doubted myself, but I kept going. I faced the fear, and that alone is already a victory. Now seeing that someone resonates with this piece, my day is complete. Thank you so much to everyone who shared messages of support. My art is alive. Thank you !!!!!!!!!!!!

José Narciso

10,222 Aufrufe • vor 4 Monaten

Finally watched AVATAR 3 Avatar 3 was honestly wild. The visuals were insane, but what surprised me most was how dark and emotional it got. The story feels deeper, the conflicts feel real, and nothing is just good vs bad anymore. Definitely one of the most intense Avatar films so far, and it sets up what’s coming next perfectly.
0:06

Finally watched AVATAR 3 Avatar 3 was honestly wild. The visuals were insane, but what surprised me most was how dark and emotional it got. The story feels deeper, the conflicts feel real, and nothing is just good vs bad anymore. Definitely one of the most intense Avatar films so far, and it sets up what’s coming next perfectly.

iamEhis 🇩🇪

70,801 Aufrufe • vor 8 Monaten

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️
0:13

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️

Ali

66,222 Aufrufe • vor 3 Monaten

The Elden Beast Fight KICKS ASS with torrent Just feels so much quicker & fluid and how it was intended. Elden Ring with this change, the PvP arena and Shadow of The Erdtree is, for me, the greatest game. Massive props to FromSoftware
0:18

The Elden Beast Fight KICKS ASS with torrent Just feels so much quicker & fluid and how it was intended. Elden Ring with this change, the PvP arena and Shadow of The Erdtree is, for me, the greatest game. Massive props to FromSoftware

SmoughTown

934,091 Aufrufe • vor 2 Jahren

LIVE NOW 🚨 Geosymbiosis by Igor Martins The collection is made up of 500 unique works of art, themed on the reflection that we are part of this planet in a symbiotic relationship. Check it out
0:18

LIVE NOW 🚨 Geosymbiosis by Igor Martins The collection is made up of 500 unique works of art, themed on the reflection that we are part of this planet in a symbiotic relationship. Check it out

Crypto.com NFT

22,871 Aufrufe • vor 1 Jahr

this is insane… just look at that GOD CANDLE 🤯 not a single streamer, ex-fortnite player or trader we all hate to see in our coins are in this one and of course it giga sends 25K to 16.3M (645x and counting) $500 is now worth $322,500 $three three ws
0:15

this is insane… just look at that GOD CANDLE 🤯 not a single streamer, ex-fortnite player or trader we all hate to see in our coins are in this one and of course it giga sends 25K to 16.3M (645x and counting) $500 is now worth $322,500 $three three ws

100x

146,061 Aufrufe • vor 2 Monaten

A Midjourney engineer just open-sourced a way to lay out entire web pages without CSS. Not a framework. Not a library that wraps the DOM. A pure TypeScript text measurement algorithm that bypasses browser reflow entirely. 600x faster. Why it matters: AI-generated interfaces need to lay out text dynamically. The browser wasn't built for that. CSS reflow was designed for humans writing static pages, not agents generating UIs on the fly. This exists because agents need rendering that doesn't depend on a 30-year-old pipeline. The AI-era stack is being rebuilt from scratch. One library at a time. P.S. Such a fun to play with that!
0:10

A Midjourney engineer just open-sourced a way to lay out entire web pages without CSS. Not a framework. Not a library that wraps the DOM. A pure TypeScript text measurement algorithm that bypasses browser reflow entirely. 600x faster. Why it matters: AI-generated interfaces need to lay out text dynamically. The browser wasn't built for that. CSS reflow was designed for humans writing static pages, not agents generating UIs on the fly. This exists because agents need rendering that doesn't depend on a 30-year-old pipeline. The AI-era stack is being rebuilt from scratch. One library at a time. P.S. Such a fun to play with that!

Paweł Huryn

238,974 Aufrufe • vor 4 Monaten

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

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

Saying “hello” to Claude on the Pro plan just consumed almost 2% of the entire session usage. One message. “Hello there, how are you?” That’s it. This is why so many people are moving to Codex right now(like me), because it feels almost impossible to hit the limits there. Anthropic needs to fix this before they lose the huge number of developers they recently gained.
0:15

Saying “hello” to Claude on the Pro plan just consumed almost 2% of the entire session usage. One message. “Hello there, how are you?” That’s it. This is why so many people are moving to Codex right now(like me), because it feels almost impossible to hit the limits there. Anthropic needs to fix this before they lose the huge number of developers they recently gained.

Kappaemme

15,669 Aufrufe • vor 4 Monaten

Source: Kprince Location: 📍 Bedminster, New Jersey USA 🇺🇸 The best UFO UAP Drone footage we have just received…👀🛸 This is absolutely INSANE FOOTAGE🤯🤯 Confirmed this is definitely not a plane from this video it seems to be flying way too low to the ground and way too slow. It’s right above the house and you can hear the noice it sounds like a muffled propeller…. This does not look like Human Technology to be but it could be. I don’t know what these things are but the residents are right to assume this is definitely not from the USA 🇺🇸 Absolutely insane footage…👀🤯🛸 #UFO #Aliens #Extraterrestrial #Area51 #UFOsightings #UFOhunter #UFOdisclosure #UFOLogic #ufotwitter #UAP #AncientAliens #MUFON
0:19

Source: Kprince Location: 📍 Bedminster, New Jersey USA 🇺🇸 The best UFO UAP Drone footage we have just received…👀🛸 This is absolutely INSANE FOOTAGE🤯🤯 Confirmed this is definitely not a plane from this video it seems to be flying way too low to the ground and way too slow. It’s right above the house and you can hear the noice it sounds like a muffled propeller…. This does not look like Human Technology to be but it could be. I don’t know what these things are but the residents are right to assume this is definitely not from the USA 🇺🇸 Absolutely insane footage…👀🤯🛸 #UFO #Aliens #Extraterrestrial #Area51 #UFOsightings #UFOhunter #UFOdisclosure #UFOLogic #ufotwitter #UAP #AncientAliens #MUFON

Just

1,404,757 Aufrufe • vor 1 Jahr