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.

✨ An example showing the power of container queries, inspired from Github. Notice that when the option is "Media," the UI items remain hidden despite sufficient space. However, when "container" is active, they are visible. Learn more:

Ahmad Shadeed

25,607 subscribers

25,953 views • 2 years ago •via X (Twitter)

Science & Technology Arts Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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. ❤️

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 views • 3 months ago

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

David Mráz

16,879 views • 1 year ago

Google Gemini 2.5 Pro Exp: “Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.” AK

Google Gemini 2.5 Pro Exp: “Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.” AK

Philipp Schmid

13,644 views • 1 year ago

They are going to make an example of him, showing what happens when you fuck with the rich and powerful.

They are going to make an example of him, showing what happens when you fuck with the rich and powerful.

Meidas_Charise Lee

60,522 views • 1 year ago

Space objects such as meteoroids and asteroids move across the solar system and can collide with both Earth and the Moon. However, the Moon shows far more visible impact marks on its surface. One main reason is that Earth has a thick atmosphere that protects the planet. When many meteoroids enter Earth’s atmosphere, they burn up due to friction before they can reach the ground. This process creates the bright streaks of light we call shooting stars. The Moon, however, has almost no atmosphere, so incoming space rocks are not slowed down or burned up. They travel directly to the lunar surface and strike it at very high speed. Each collision creates an impact crater, throwing dust and rocks outward from the impact point. Over billions of years, thousands of these impacts have covered the Moon with craters. Unlike Earth, the Moon also has no wind, water, or weather to erase these craters, so they remain visible for millions or even billions of years. This is why the Moon looks heavily cratered when we observe it from Earth through telescopes.

Space objects such as meteoroids and asteroids move across the solar system and can collide with both Earth and the Moon. However, the Moon shows far more visible impact marks on its surface. One main reason is that Earth has a thick atmosphere that protects the planet. When many meteoroids enter Earth’s atmosphere, they burn up due to friction before they can reach the ground. This process creates the bright streaks of light we call shooting stars. The Moon, however, has almost no atmosphere, so incoming space rocks are not slowed down or burned up. They travel directly to the lunar surface and strike it at very high speed. Each collision creates an impact crater, throwing dust and rocks outward from the impact point. Over billions of years, thousands of these impacts have covered the Moon with craters. Unlike Earth, the Moon also has no wind, water, or weather to erase these craters, so they remain visible for millions or even billions of years. This is why the Moon looks heavily cratered when we observe it from Earth through telescopes.

The Astronomy Guy

17,473 views • 4 months ago

The larger packs of strawberries at Walmart are being loaded up with a plastic at the bottom of the container This gives the illusion there are more strawberries in the package than there actually are The strawberries with the stems are the ones that have this under-plastic This practice is getting tons of complaints from shoppers Many larger strawberry clamshell packs, especially the 2 lb or family sized are now using a layer of plastic, bubble wrap, cardboard, or a raised false bottom underneath the visible strawberries. This elevates the top layer, creating the illusion of a fuller, deeper container than what you’re actually getting Don’t fall for it

The larger packs of strawberries at Walmart are being loaded up with a plastic at the bottom of the container This gives the illusion there are more strawberries in the package than there actually are The strawberries with the stems are the ones that have this under-plastic This practice is getting tons of complaints from shoppers Many larger strawberry clamshell packs, especially the 2 lb or family sized are now using a layer of plastic, bubble wrap, cardboard, or a raised false bottom underneath the visible strawberries. This elevates the top layer, creating the illusion of a fuller, deeper container than what you’re actually getting Don’t fall for it

Wall Street Apes

175,268 views • 3 months ago

When are Sky going to learn? Cut away from these pointless replays when the ball is back in play - especially when it's an attacking phase.

When are Sky going to learn? Cut away from these pointless replays when the ball is back in play - especially when it's an attacking phase.

Jay

2,416,359 views • 2 months ago

Breaking 🚨 Iranian media has released footage showing the launch of a hypersonic missile towards Israel the missile is clearly visible in the video, and Iranian media has stated that they will also release footage of the missile's impact.

Breaking 🚨 Iranian media has released footage showing the launch of a hypersonic missile towards Israel the missile is clearly visible in the video, and Iranian media has stated that they will also release footage of the missile's impact.

Asif Ali

637,192 views • 24 days ago

#Hyderabad : #RoadSafety Two persons from Andhra Pradesh were killed, after their #Speeding car rammed into a rammed into a container lorry at Outer Ring Road (#ORR), #Adibatla, on Sunday early hours. The impact of the #RoadAccident is so severe, the Rear #Wheels of the Container Lorry came off. Reportedly the victims, K Bharat Kanth (31), an actor and G Sai Trilok (31), both natives of Nellore in Andhra Pradesh, were travelling on the Outer Ring Road stretch between Bongloor and Thukkuguda, when the car reached near exit number 12, Bharat Kanth, who was driving the car, rammed into a container lorry ahead of the car. Both Bharath Kanth and Sai Trilok died on the spot. Police are investigating.

#Hyderabad : #RoadSafety Two persons from Andhra Pradesh were killed, after their #Speeding car rammed into a rammed into a container lorry at Outer Ring Road (#ORR), #Adibatla, on Sunday early hours. The impact of the #RoadAccident is so severe, the Rear #Wheels of the Container Lorry came off. Reportedly the victims, K Bharat Kanth (31), an actor and G Sai Trilok (31), both natives of Nellore in Andhra Pradesh, were travelling on the Outer Ring Road stretch between Bongloor and Thukkuguda, when the car reached near exit number 12, Bharat Kanth, who was driving the car, rammed into a container lorry ahead of the car. Both Bharath Kanth and Sai Trilok died on the spot. Police are investigating.

Surya Reddy

147,491 views • 2 months ago

The latest footage of four mouse astronauts returning from China's space station is out! They are in good shape despite the unexpected extension of their stay from 1 week to 2, which has also doubled the scientific value of the mice's space journey.

The latest footage of four mouse astronauts returning from China's space station is out! They are in good shape despite the unexpected extension of their stay from 1 week to 2, which has also doubled the scientific value of the mice's space journey.

Li Zexin 李泽欣

25,711 views • 8 months ago

The meat assaults continue. The number of destroyed orcs is unbelievable. Here is an example of a 1 square meter position. And they continue to attack, despite the losses. It's crazy, but they are dying for Putin and his shity dream of reviving the Soviet Union.

The meat assaults continue. The number of destroyed orcs is unbelievable. Here is an example of a 1 square meter position. And they continue to attack, despite the losses. It's crazy, but they are dying for Putin and his shity dream of reviving the Soviet Union.

Cloooud |🇺🇦

61,381 views • 1 year ago

Good morning friends. A few more experiences from the Tokyo Dome that stand out. 1. you asked about hotdogs, here they are 2. kegs for beer 3. whistles during BP when the ball is headed your way 4. Earthquake notice

Good morning friends. A few more experiences from the Tokyo Dome that stand out. 1. you asked about hotdogs, here they are 2. kegs for beer 3. whistles during BP when the ball is headed your way 4. Earthquake notice

Dani Wexelman

14,728 views • 5 months ago

The UK is still showing videos of China from 20 years ago! That old Santana is from my primary school days! No wonder foreigners look totally shocked when they actually arrive in China! They've been fooled this whole time ✨

The UK is still showing videos of China from 20 years ago! That old Santana is from my primary school days! No wonder foreigners look totally shocked when they actually arrive in China! They've been fooled this whole time ✨

cici

55,070 views • 7 days ago

😂😂😂 Bambi I think President Museveni be thinking the 5 years won’t end. He is the classic example of, “I will cross that bridge when I get there”. Where are those headlines of “I will leave power in 2006”, the problem of Africa is leaders who cling to power etc”

😂😂😂 Bambi I think President Museveni be thinking the 5 years won’t end. He is the classic example of, “I will cross that bridge when I get there”. Where are those headlines of “I will leave power in 2006”, the problem of Africa is leaders who cling to power etc”

Agather Atuhaire

105,127 views • 10 months ago

❓Hundreds, Possibly Thousands, of Prisoners May Have Escaped from a Tehran Prison A video circulating on social media shows people in uniforms walking quickly along a highway. Pro-Iranian media claim they are patients from a drug rehabilitation center. However, the more widely believed version is that they are prisoners. There has been no official confirmation of the incident.

❓Hundreds, Possibly Thousands, of Prisoners May Have Escaped from a Tehran Prison A video circulating on social media shows people in uniforms walking quickly along a highway. Pro-Iranian media claim they are patients from a drug rehabilitation center. However, the more widely believed version is that they are prisoners. There has been no official confirmation of the incident.

NEXTA

48,750 views • 1 year ago

Surveillance video of the dam collapse in Guangxi has surfaced, showing many people on the streets being swept away by the floodwaters before they could escape. The Chinese Communist Party (CCP) officially reports 39 deaths from the Guangxi floods, but this single surveillance video shows dozens more drowned. This is sufficient proof that the CCP authorities are lying.

Surveillance video of the dam collapse in Guangxi has surfaced, showing many people on the streets being swept away by the floodwaters before they could escape. The Chinese Communist Party (CCP) officially reports 39 deaths from the Guangxi floods, but this single surveillance video shows dozens more drowned. This is sufficient proof that the CCP authorities are lying.

Wanjun Xie

171,701 views • 22 days ago

One of the characteristics of opossums is that they play dead when they are scared. When it saw himself in the mirror, it suddenly played dead. 😂😂

One of the characteristics of opossums is that they play dead when they are scared. When it saw himself in the mirror, it suddenly played dead. 😂😂

The Figen

276,304 views • 9 months ago

gamedev friends! please help! I am trying to export from blender (->fbx) A mesh that is PARENTED to an animated bone (not skinned!) I CAN'T find a combination of export settings that will. correctly position the object in Unity (the yellow container in the image)

gamedev friends! please help! I am trying to export from blender (->fbx) A mesh that is PARENTED to an animated bone (not skinned!) I CAN'T find a combination of export settings that will. correctly position the object in Unity (the yellow container in the image)

thomas "noio" vandenberg

86,813 views • 6 months ago