Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

BildungWissenschaft & TechnologieNachrichten & Politik
LIVE

Anya Rossi• Live Now

Private livecam show

4 Kommentare

Profilbild von Isaac Dozier
Isaac Doziervor 2 Jahren

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

Profilbild von míchєl mαíllαrd
míchєl mαíllαrdvor 2 Jahren

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

Profilbild von Mathieu
Mathieuvor 2 Jahren

Nice ty

Profilbild von Bhaskar Rijal
Bhaskar Rijalvor 2 Jahren

thanks

Ähnliche 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
1:06

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 Aufrufe • vor 13 Tagen

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

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

Enzo Manuel Mangano

87,871 Aufrufe • vor 8 Monaten

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

45,069 Aufrufe • vor 5 Monaten

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

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

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

185,447 Aufrufe • vor 1 Jahr

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
7:14

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

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,551 Aufrufe • vor 2 Jahren

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

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

Travis Arnold

58,450 Aufrufe • vor 10 Monaten

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

194,168 Aufrufe • vor 6 Monaten

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

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

Diego | AI 🚀 - e/acc

145,645 Aufrufe • vor 11 Monaten

"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 Aufrufe • vor 1 Jahr

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,882 Aufrufe • vor 2 Jahren

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🇻🇪

318,008 Aufrufe • vor 11 Monaten

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."
2:01

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 Aufrufe • vor 1 Monat

🚨 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,732 Aufrufe • vor 1 Jahr

🚨 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?"

THE17thLetter

32,744 Aufrufe • vor 1 Monat

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

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

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
1:43

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,618 Aufrufe • vor 1 Monat