Загрузка видео...

Не удалось загрузить видео

На главную

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.

MasterDotDev's profile picture

Master.dev (Formerly Frontend Masters)

133,471 subscribers

61,076 просмотров • 1 год назад •via X (Twitter)

ОбразованиеНаука и технологииНовости и политика
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 4

Фото профиля Isaac Dozier
Isaac Dozier1 год назад

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

Фото профиля míchєl mαíllαrd
míchєl mαíllαrd1 год назад

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

Фото профиля Mathieu
Mathieu1 год назад

Nice ty

Фото профиля Bhaskar Rijal
Bhaskar Rijal1 год назад

thanks

Похожие видео

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.
0:34

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 просмотров • 2 месяцев назад

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.
0:49

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 просмотров • 1 год назад

NEW EPISODE: “Images have frames or borders because it's like you enter it, and it's not a real thing. It's an image. Then in the image, everything is possible.” -Urs Fischer
1:44:46

NEW EPISODE: “Images have frames or borders because it's like you enter it, and it's not a real thing. It's an image. Then in the image, everything is possible.” -Urs Fischer

Tetragrammaton

55,922 просмотров • 1 год назад

Garba organizers should make sure that not a single Muslim enters the Garba night.
0:32

Garba organizers should make sure that not a single Muslim enters the Garba night.

Shimorekato

69,021 просмотров • 10 месяцев назад

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

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,281 просмотров • 1 год назад

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.
0:34

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,718 просмотров • 9 месяцев назад

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.
0:31

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,693 просмотров • 3 месяцев назад

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

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 просмотров • 1 месяц назад

"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."
1:04

"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 просмотров • 10 месяцев назад

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 💀
0:25

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,528 просмотров • 1 год назад

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

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 просмотров • 8 месяцев назад

🚨 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?"
1:57

🚨 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,309 просмотров • 1 год назад

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.’’
0:42

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 просмотров • 2 месяцев назад

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

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

LD Basler

15,585 просмотров • 1 год назад

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.
0:58

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 просмотров • 1 месяц назад

2 Min AI Hacks #3: made a vibe marketing automation that takes your logo + prompt -> generates a product mock up -> then turns it into a full ad using Kontext, Claude 4 and GPT-Image originally just wanted to show a simple mockup generator, but got carried away as it's soo cool
5:21

2 Min AI Hacks #3: made a vibe marketing automation that takes your logo + prompt -> generates a product mock up -> then turns it into a full ad using Kontext, Claude 4 and GPT-Image originally just wanted to show a simple mockup generator, but got carried away as it's soo cool

fabian

10,148 просмотров • 1 год назад

💫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! 👇
0:26

💫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 просмотров • 1 год назад

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

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,379 просмотров • 5 месяцев назад

⚡️🇺🇸🇮🇷JUST IN: U.S President Trump on Iran: "We have to make a deal, otherwise it's going to be very traumatic. I don't want that to happen, but we have to make a deal. They should have made a deal the first time, then they got Midnight Hammer instead."
0:37

⚡️🇺🇸🇮🇷JUST IN: U.S President Trump on Iran: "We have to make a deal, otherwise it's going to be very traumatic. I don't want that to happen, but we have to make a deal. They should have made a deal the first time, then they got Midnight Hammer instead."

Suppressed News.

21,867 просмотров • 6 месяцев назад

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.
0:37

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 просмотров • 1 год назад