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.

Got an image that should be pixel..y? Like a QR code? Make sure it stays pixely then. It's just a single CSS property away.

Master.dev (Formerly Frontend Masters)

133,471 subscribers

61,076 views • 2 years ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

4 Comments

Isaac Dozier2 years ago

CSS has really come a long way. Love to see it.

míchєl mαíllαrd2 years ago

@shadeed9 Oh that’s an old one… used to make it with animated gifs…

Mathieu2 years ago

Nice ty

Bhaskar Rijal2 years ago

thanks

Related Videos

a group with songs and performances like this should never be fumbled if i was managing it i'd be staying up day and night just to make sure not a single ounce of potential is wasted

a group with songs and performances like this should never be fumbled if i was managing it i'd be staying up day and night just to make sure not a single ounce of potential is wasted

🐈

24,235 views • 10 days ago

Creating a QR code in React Native should be fun. →

Creating a QR code in React Native should be fun. →

Enzo Manuel Mangano

87,871 views • 8 months ago

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.

Spent the last few weeks building a pixel effects tool. What started as a side project with just image filters kept growing into presets, effects and here we are. Some of the best outputs came from just hitting Remix. 19 filters & 6 pixel effects. Drop any image. Walk away with something that feels like art. Try it out.

Blurr

45,069 views • 5 months ago

Runway Co-Founder & Co-CEO Anastasis Germanidis breaks down Solaris, an interface world model that generates interactive applications pixel by pixel: "Solaris is what we call an interface world model." "It's an interactive video model that essentially renders an interface for you." "The difference is that it's all generated pixel by pixel by a video model." "Unlike traditional interfaces where you write some code, you write some HTML or CSS, and then that renders pixels, you're now rendering pixels directly." "By doing that you get a ton more flexibility." "You can kind of leverage everything that the video model can do and create any kind of application on top of it."

Runway Co-Founder & Co-CEO Anastasis Germanidis breaks down Solaris, an interface world model that generates interactive applications pixel by pixel: "Solaris is what we call an interface world model." "It's an interactive video model that essentially renders an interface for you." "The difference is that it's all generated pixel by pixel by a video model." "Unlike traditional interfaces where you write some code, you write some HTML or CSS, and then that renders pixels, you're now rendering pixels directly." "By doing that you get a ton more flexibility." "You can kind of leverage everything that the video model can do and create any kind of application on top of it."

etn.

17,578 views • 2 months ago

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

i wasn't aware of `animation-timeline` css property if I be honest. with it you can use css `scroll()` function to tie an animation with the scroll progress of a scrollable element. here im animating a `mask-image`s size based on the scroll progress with `2rem` of threshold.

Soren

185,447 views • 1 year ago

AAP gov changing Urban Governance in Punjab !! Pilot project launched in Amritsar for ensuring Garbage collection. - Each house-commercial property to be Geo-tagged with a QR code - Safai Karmchari to scan QR code after pick up - Property QR owner to get SMS for Confirmation

AAP gov changing Urban Governance in Punjab !! Pilot project launched in Amritsar for ensuring Garbage collection. - Each house-commercial property to be Geo-tagged with a QR code - Safai Karmchari to scan QR code after pick up - Property QR owner to get SMS for Confirmation

Gss🇮🇳

10,486 views • 10 months ago

A little bit too far in remaking an old Zeraora parade balloon. I just intended to make a flat image, then decided to make it animated

A little bit too far in remaking an old Zeraora parade balloon. I just intended to make a flat image, then decided to make it animated

Makishi! Even your friend makes fun of me!

17,494 views • 2 years ago

Introducing @renoun/screenshot 📸 Capture any HTML element as an image with pixel-perfect accuracy, including modern CSS features.

Introducing @renoun/screenshot 📸 Capture any HTML element as an image with pixel-perfect accuracy, including modern CSS features.

Travis Arnold

58,450 views • 10 months ago

GPT Image 2 is rolling out and... Wow. It just one-shot a grid of 100 completely unique pixel art items with meaningful labels in a single image. Prompt in the reply below 👇 More tests with pixel art and Image 2 to come. Follow for more.

GPT Image 2 is rolling out and... Wow. It just one-shot a grid of 100 completely unique pixel art items with meaningful labels in a single image. Prompt in the reply below 👇 More tests with pixel art and Image 2 to come. Follow for more.

proper

194,168 views • 6 months ago

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Diego | AI 🚀 - e/acc

145,645 views • 11 months ago

"They will market [digital ID] as if it's for your convenience or your safety, like they are doing now by saying it's to tackle illegal immigration." "But once your livelihood is tied to a QR code or a government app, your freedoms can be taken away with the flip of a switch." "Now it's just for a job—soon it will be banking, travel, grocery shopping. You will be completely under control."

"They will market [digital ID] as if it's for your convenience or your safety, like they are doing now by saying it's to tackle illegal immigration." "But once your livelihood is tied to a QR code or a government app, your freedoms can be taken away with the flip of a switch." "Now it's just for a job—soon it will be banking, travel, grocery shopping. You will be completely under control."

Wide Awake Media

35,027 views • 1 year ago

with a tiny bit of JavaScript enhancement take that CSS driven slider and give it "that little bounce™" - use pointer-events to calculate an overdrag - map that overdrag to a CSS custom property --stretch - apply style - profit 💀

with a tiny bit of JavaScript enhancement take that CSS driven slider and give it "that little bounce™" - use pointer-events to calculate an overdrag - map that overdrag to a CSS custom property --stretch - apply style - profit 💀

jhey ʕ•ᴥ•ʔ

196,882 views • 2 years ago

I think they should revert the hotfix that put the new emote wheel on match. It's so inconvenient in a br match and they can make it with just a code string

I think they should revert the hotfix that put the new emote wheel on match. It's so inconvenient in a br match and they can make it with just a code string

Macu🇻🇪

318,008 views • 11 months ago

Jake Tapper presses Senator Tillis on whether Republicans should continue to invest in the NC Senate race: TAPPER: "So does the data show that North Carolina should not be a top priority?" TILLIS: "If you've got an aggregate of polls that have you in the high single digits or double digits, it's approaching a point where it's going to be difficult to make it up absent a mistake by the candidates ... We've also got to focus on some of these states that are popping up as competitive. Texas, for example ... Now the President needs to invest in there to make sure Paxton wins."

Jake Tapper presses Senator Tillis on whether Republicans should continue to invest in the NC Senate race: TAPPER: "So does the data show that North Carolina should not be a top priority?" TILLIS: "If you've got an aggregate of polls that have you in the high single digits or double digits, it's approaching a point where it's going to be difficult to make it up absent a mistake by the candidates ... We've also got to focus on some of these states that are popping up as competitive. Texas, for example ... Now the President needs to invest in there to make sure Paxton wins."

State of the Union

27,458 views • 1 month ago

🚨 Agree or disagree? We should abolish property taxes NATIONWIDE. DeSantis: "You buy a home, you buy land... and then, you've been taxed many times [on that]... is it your property, or NOT? Just for being on your property, you've got to write a check to the government every year?"

🚨 Agree or disagree? We should abolish property taxes NATIONWIDE. DeSantis: "You buy a home, you buy land... and then, you've been taxed many times [on that]... is it your property, or NOT? Just for being on your property, you've got to write a check to the government every year?"

Eric Daugherty

2,120,732 views • 1 year ago

🚨 Agree or disagree? We should abolish property taxes NATIONWIDE. DeSantis: "You buy a home, you buy land... and then, you've been taxed many times [on that]... is it your property, or NOT? Just for being on your property, you've got to write a check to the government every year?"

🚨 Agree or disagree? We should abolish property taxes NATIONWIDE. DeSantis: "You buy a home, you buy land... and then, you've been taxed many times [on that]... is it your property, or NOT? Just for being on your property, you've got to write a check to the government every year?"

THE17thLetter

32,744 views • 1 month ago

A PAL no longer has to be human. Now with Phoenix-4.5, a single image is enough to turn a character into a PAL, whether anime, cartoon, or Pixar-style. It stays true to the original image, and it talks, listens, and moves in realtime like any other PAL.

A PAL no longer has to be human. Now with Phoenix-4.5, a single image is enough to turn a character into a PAL, whether anime, cartoon, or Pixar-style. It stays true to the original image, and it talks, listens, and moves in realtime like any other PAL.

Tavus

19,034 views • 2 months ago

General Intuition CEO Pim de Witte says Anthropic bet more problems would move into code, and he’s betting the physical world will move into pixels: "Anthropic focused really hard on code, and then they just bet that people would bring increasingly more problems into code space." "What is an ultrasound? An ultrasound is just a bunch of sensor information that's moved to pixel space, and then a human goes look, click, look, click, mark annotation." "Our bet is that you can scale pixel space, and you can extract an enormous amount of information, especially dynamic information where a lot of things are moving, and people will just bring problems into pixel space." "How do people teleoperate stuff? They look at how much force is currently applied to sensors. They just render that into pixel space." "That happened with code, it will happen to pixels, and we are just the lab that's scaling pixels all the way, and Anthropic scales code all the way. And then there will be some convergence." General Intuition

General Intuition CEO Pim de Witte says Anthropic bet more problems would move into code, and he’s betting the physical world will move into pixels: "Anthropic focused really hard on code, and then they just bet that people would bring increasingly more problems into code space." "What is an ultrasound? An ultrasound is just a bunch of sensor information that's moved to pixel space, and then a human goes look, click, look, click, mark annotation." "Our bet is that you can scale pixel space, and you can extract an enormous amount of information, especially dynamic information where a lot of things are moving, and people will just bring problems into pixel space." "How do people teleoperate stuff? They look at how much force is currently applied to sensors. They just render that into pixel space." "That happened with code, it will happen to pixels, and we are just the lab that's scaling pixels all the way, and Anthropic scales code all the way. And then there will be some convergence." General Intuition

MTS

10,614 views • 1 month ago