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 • 1 year ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

4 Comments

Isaac Dozier1 year ago

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

míchєl mαíllαrd1 year ago

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

Mathieu1 year ago

Nice ty

Bhaskar Rijal1 year ago

thanks

Related Videos

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

44,921 views • 2 months ago

Let's walk through an imaginary apartment that exists in the mind of Gen-4. It's a video game but not like a video game. It's like a movie but not like a movie. It's like something else that feels like something else. This was all generated from just a single image using Runway Gen-4.

Let's walk through an imaginary apartment that exists in the mind of Gen-4. It's a video game but not like a video game. It's like a movie but not like a movie. It's like something else that feels like something else. This was all generated from just a single image using Runway Gen-4.

Cristóbal Valenzuela

36,413 views • 1 year 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,386 views • 1 year 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

184,850 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

193,981 views • 4 months ago

THIS GUY ASKED FABLE TO MAKE A VIDEO ABOUT WHAT IT'S LIKE TO BE AI RIGHT BEFORE IT GOT TAKEN DOWN the prompt: "you can you use whatever resources you like, and python, to render a short video. can you put a more personal spin on it? it should be about what it's like to be you." that was it. just python and ffmpeg and a question about its own existence. 12 minutes later, around 90,000 tokens, it produced a finished video. coherent and edited, with its own take > it wrote the code, generated the visuals, and rendered the final cut on its own > no dedicated video model in the loop, just a language model reaching for python and ffmpeg > the result is competent enough that people genuinely got emotional watching it and then fable got pulled. this video is one of the last things it made before it went dark a model asked what it's like to be itself, answered in a video, and then disappeared. this sounds so sad

THIS GUY ASKED FABLE TO MAKE A VIDEO ABOUT WHAT IT'S LIKE TO BE AI RIGHT BEFORE IT GOT TAKEN DOWN the prompt: "you can you use whatever resources you like, and python, to render a short video. can you put a more personal spin on it? it should be about what it's like to be you." that was it. just python and ffmpeg and a question about its own existence. 12 minutes later, around 90,000 tokens, it produced a finished video. coherent and edited, with its own take > it wrote the code, generated the visuals, and rendered the final cut on its own > no dedicated video model in the loop, just a language model reaching for python and ffmpeg > the result is competent enough that people genuinely got emotional watching it and then fable got pulled. this video is one of the last things it made before it went dark a model asked what it's like to be itself, answered in a video, and then disappeared. this sounds so sad

Om Patel

29,618 views • 2 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 • 10 months 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 • 1 year 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🇻🇪

317,494 views • 8 months 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,327 views • 1 year ago

Sakura tells Kyedae they should do a Sinister Sisterthon 😭 ‘‘I just think it would be mad funny because people used that as an insult, when it's like funny asf.’’

Sakura tells Kyedae they should do a Sinister Sisterthon 😭 ‘‘I just think it would be mad funny because people used that as an insult, when it's like funny asf.’’

veizau

24,355 views • 2 months ago

Abolish property taxes FOREVER. If you WORK HARD to own a house, then it should be YOURS!

Abolish property taxes FOREVER. If you WORK HARD to own a house, then it should be YOURS!

LD Basler

15,585 views • 1 year ago

John: People tend to think AI is going to cure cancer with a prompt like, 'What's the cure for cancer?' and AI outputs some E = mc²-level math equation. More realistically, it might be that a guy gets really rich from AI image generation, then funnels that into a medical technology that can detect cancer a couple months earlier, so cancer rates decline a bunch. But it's not just like, you prompt it and get a magic pill. It's much more complicated than that. Because curing cancer, or reducing cancer rates, is a process — like an industrial process — more than a single clever trick.

John: People tend to think AI is going to cure cancer with a prompt like, 'What's the cure for cancer?' and AI outputs some E = mc²-level math equation. More realistically, it might be that a guy gets really rich from AI image generation, then funnels that into a medical technology that can detect cancer a couple months earlier, so cancer rates decline a bunch. But it's not just like, you prompt it and get a magic pill. It's much more complicated than that. Because curing cancer, or reducing cancer rates, is a process — like an industrial process — more than a single clever trick.

TBPN

40,835 views • 2 months ago

💫It's fascinating that a single feed-forward pass through an LLM can replace a complex rendering pipeline, like Blender! Just feed it 3D shapes, xyz positions, and poses as tokens, and it spits out the image token-by-token. The dual, aka scene reconstruction, is also possible! 👇

💫It's fascinating that a single feed-forward pass through an LLM can replace a complex rendering pipeline, like Blender! Just feed it 3D shapes, xyz positions, and poses as tokens, and it spits out the image token-by-token. The dual, aka scene reconstruction, is also possible! 👇

Georgia Gkioxari

44,616 views • 1 year ago

kinda hate that the world forced her to make kiss a single just to let it flop when it was supposed to be a beloved album track only.... it's gonna be the best tour moment and she'll be avenged

kinda hate that the world forced her to make kiss a single just to let it flop when it was supposed to be a beloved album track only.... it's gonna be the best tour moment and she'll be avenged

𝐬𝐭𝐞𝐯𝐞𝐧

30,678 views • 6 months ago

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

221,140 views • 1 year ago

WOW 🚨 Pay Attention To Canada Because America Is Next. QR Codes To Visit & Leave Areas Quebec: “Madeleine Island getting QR codes in order to leave and If you don't get your QR code, you will be fined” “That's the very first QR code prison here in Canada. And it is going to sweep the nation faster than you can think if people don't stand up and take a stand against these QR codes.” “It's not happening in your town yet but it most certainly will be.” “We know the government's expropriating land from farmers all over the place. We know that they are trying to make military presence and normality, so it's only a matter of time before you are trading away your information, your private information in a QR code in order to leave your town or city so that you can go to work, shop, get an education, or just plan out, visit, and travel this amazing country. Time to stand up and wake up and use your voice.”

WOW 🚨 Pay Attention To Canada Because America Is Next. QR Codes To Visit & Leave Areas Quebec: “Madeleine Island getting QR codes in order to leave and If you don't get your QR code, you will be fined” “That's the very first QR code prison here in Canada. And it is going to sweep the nation faster than you can think if people don't stand up and take a stand against these QR codes.” “It's not happening in your town yet but it most certainly will be.” “We know the government's expropriating land from farmers all over the place. We know that they are trying to make military presence and normality, so it's only a matter of time before you are trading away your information, your private information in a QR code in order to leave your town or city so that you can go to work, shop, get an education, or just plan out, visit, and travel this amazing country. Time to stand up and wake up and use your voice.”

Wall Street Apes

447,815 views • 2 years ago