Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Drawing with <input type="range"> 🖌️

hakimel's profile picture

Hakim El Hattab

38,598 subscribers

279,082 Aufrufe • vor 3 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 Kommentare

Profilbild von Hakim El Hattab
Hakim El Hattabvor 3 Jahren

If anyone wants to fork this the code is at

Profilbild von Ahmad Alfy
Ahmad Alfyvor 3 Jahren

Add some CSS and you got yourself a whiteboard

Profilbild von Hakim El Hattab
Hakim El Hattabvor 3 Jahren

Pretty sure we’ve arrived at the most inefficient way you could possibly render a whiteboard 👏

Profilbild von Ansari
Ansarivor 3 Jahren

This is kinda satisfying 😂 Good work @hakimel

Profilbild von Nasim Uddin
Nasim Uddinvor 3 Jahren

LOL! Human, when they don't have anything good to do!

Profilbild von Jim Meyer
Jim Meyervor 3 Jahren

Web zealots: Please, please, use the platform! Hakim: Yes 😁

Profilbild von Nikita Agafonov
Nikita Agafonovvor 3 Jahren

Hakim doing Hakim's thing! 😅

Profilbild von m.Bilal 👨‍💻
m.Bilal 👨‍💻vor 3 Jahren

This is oddly satisfying..

Ähnliche Videos

liquid slider 🧪 <input type=range> + CSS + SVG filter + delta scale on pointermove 🤙
0:20

liquid slider 🧪 <input type=range> + CSS + SVG filter + delta scale on pointermove 🤙

jhey ʕ•ᴥ•ʔ

95,939 Aufrufe • vor 10 Monaten

iOS alarm barrel input w/ 3D CSS ⏰ drag gestures + scroll animation mapped to an <input type=time> 👨‍🍳
0:27

iOS alarm barrel input w/ 3D CSS ⏰ drag gestures + scroll animation mapped to an <input type=time> 👨‍🍳

jhey ʕ•ᴥ•ʔ

110,070 Aufrufe • vor 11 Monaten

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.
1:20

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.

Jake Archibald

302,618 Aufrufe • vor 3 Monaten

I love drawing~~~~! >w< 🩷🩷🩷 I stream drawing every day!
0:20

I love drawing~~~~! >w< 🩷🩷🩷 I stream drawing every day!

Comifur

40,001 Aufrufe • vor 7 Monaten

Apparently some React devs don't know that <input type="date"> exists and think you need a library for that? So I made a really quick demo...
0:33

Apparently some React devs don't know that <input type="date"> exists and think you need a library for that? So I made a really quick demo...

Fran Zekan

189,050 Aufrufe • vor 2 Jahren

Creative digital drawing process 🎨🖌️
0:20

Creative digital drawing process 🎨🖌️

Sr Freak©

28,705 Aufrufe • vor 4 Monaten

No time for mid drawing bathroom break (>ω<)
0:36

No time for mid drawing bathroom break (>ω<)

Baby Blu🔜MP

23,034 Aufrufe • vor 2 Jahren

Creative ink drawing in action 🎨🖌️ by
0:29

Creative ink drawing in action 🎨🖌️ by

MMDRAWS

967,178 Aufrufe • vor 4 Monaten

View Transitions just got simpler with Next.js 16.2. <𝙻𝚒𝚗𝚔> now has a 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚃𝚢𝚙𝚎𝚜 prop. Tag your navigation with a type, and <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> picks the right animation.
0:38

View Transitions just got simpler with Next.js 16.2. <𝙻𝚒𝚗𝚔> now has a 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚃𝚢𝚙𝚎𝚜 prop. Tag your navigation with a type, and <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> picks the right animation.

Aurora Scharff

67,535 Aufrufe • vor 5 Monaten

🖌️Drawing caricatures of random people on the street!!
4:11

🖌️Drawing caricatures of random people on the street!!

SrDesignMan

359,202 Aufrufe • vor 5 Monaten

trackpad control 👨‍🍳 many ui designs and interactions are "just" an abstraction over primitive web controls trackpad 👉 2x input[type=range] in disguise 👇
0:31

trackpad control 👨‍🍳 many ui designs and interactions are "just" an abstraction over primitive web controls trackpad 👉 2x input[type=range] in disguise 👇

jhey ʕ•ᴥ•ʔ

48,503 Aufrufe • vor 10 Monaten

Creative ink drawing vibes 🖋️🖌️ by ryangajda
1:09

Creative ink drawing vibes 🖋️🖌️ by ryangajda

MMDRAWS

24,578 Aufrufe • vor 3 Monaten

The drawing process 🖌️ #Arknights #アークナイツ #明日方舟
1:00

The drawing process 🖌️ #Arknights #アークナイツ #明日方舟

Ohkurrva

13,905 Aufrufe • vor 8 Monaten

>>>>>>>>>VINHONCÉ<<<<<<<<< 2000s 2020s
0:22

>>>>>>>>>VINHONCÉ<<<<<<<<< 2000s 2020s

🐝

46,884 Aufrufe • vor 1 Jahr

"roll for premium" with CSS, [type=range], and an SVG noise filter 🤙
0:39

"roll for premium" with CSS, [type=range], and an SVG noise filter 🤙

jhey ʕ•ᴥ•ʔ

222,289 Aufrufe • vor 1 Jahr