Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

"<pixel-canvas> Web Component" by Ryan Mulligan

CodePen's profile picture

CodePen.IO

204,154 subscribers

13,412 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

What if *any* website could be turned into a canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/n
0:19

What if *any* website could be turned into a canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/n

Orion Reed

42,335 Aufrufe • vor 2 Jahren

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)
0:16

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)

Framer University

11,225 Aufrufe • vor 1 Jahr

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)
0:12

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)

Framer University

16,705 Aufrufe • vor 1 Jahr

Dicen que HTML es fácil pero... ¡Poca gente domina su semántica! ¿Puedes usar <ul> dentro de un <p>? ¿Y un <a> dentro de <button>? Este recurso te ayuda a crear mejores páginas web →
0:10

Dicen que HTML es fácil pero... ¡Poca gente domina su semántica! ¿Puedes usar <ul> dentro de un <p>? ¿Y un <a> dentro de <button>? Este recurso te ayuda a crear mejores páginas web →

Miguel Ángel Durán

71,270 Aufrufe • vor 2 Jahren

Tankhead Tiger pixel art. Pixel art by me, animated by Pixel Bones (COMMISSIONS OPEN)
0:14

Tankhead Tiger pixel art. Pixel art by me, animated by Pixel Bones (COMMISSIONS OPEN)

Emerson Tung

33,622 Aufrufe • vor 3 Jahren

It's so much fun to work with Canvas and Transitions. ✨ Came up with a Light<->Dark Theme transition with #swiftUI
0:12

It's so much fun to work with Canvas and Transitions. ✨ Came up with a Light<->Dark Theme transition with #swiftUI

Shubham Singh

28,103 Aufrufe • vor 7 Monaten

Introducing <GradientBlinds /> This component was super fun to build, but I’ll let the video speak for itself. Made it as customizable as possible. Enjoy!
0:18

Introducing <GradientBlinds /> This component was super fun to build, but I’ll let the video speak for itself. Made it as customizable as possible. Enjoy!

David Haz

49,709 Aufrufe • vor 10 Monaten

introducing: infinite canvas for Framer use this to create those endless scrolling & dragging canvas you see in high-end sites, no code needed. comment "INFINITE" and i’ll send you the component for free :)
0:12

introducing: infinite canvas for Framer use this to create those endless scrolling & dragging canvas you see in high-end sites, no code needed. comment "INFINITE" and i’ll send you the component for free :)

Framer University

38,459 Aufrufe • vor 7 Monaten

The web is fun again. HTML-in-canvas is insane. Made with Omma.
0:14

The web is fun again. HTML-in-canvas is insane. Made with Omma.

Omma AI

27,518 Aufrufe • vor 2 Monaten

Herramienta que revisa el rendimiento de toda tu web. Visita página por página y la navega por completo: npx unlighthouse --site <tu-web>
0:15

Herramienta que revisa el rendimiento de toda tu web. Visita página por página y la navega por completo: npx unlighthouse --site <tu-web>

Miguel Ángel Durán

40,169 Aufrufe • vor 1 Jahr

Fun hack: A new way to inspect web with the html-in-canvas API
0:19

Fun hack: A new way to inspect web with the html-in-canvas API

tani

43,577 Aufrufe • vor 2 Monaten

❤<미리보는 2025 연기대상🏆> 최종 광고 시안 공개 The final draft for The winner of <2025 ACTOR AWARDS🏆> 🏆#로운 #ROWOON🏆 Location📍명동 디지털 캔버스 (Myeongdong Digital Canvas) Period🗓 12/5 KST
0:19

❤<미리보는 2025 연기대상🏆> 최종 광고 시안 공개 The final draft for The winner of <2025 ACTOR AWARDS🏆> 🏆#로운 #ROWOON🏆 Location📍명동 디지털 캔버스 (Myeongdong Digital Canvas) Period🗓 12/5 KST

UPICK 유픽

11,840 Aufrufe • vor 7 Monaten

off: vocês realmente >>>>> odeiam <<<<<< algum artista?
0:12

off: vocês realmente >>>>> odeiam <<<<<< algum artista?

ryck ☪

163,506 Aufrufe • vor 1 Jahr

Bryan Cranston noticed Drive (2011) had very little dialogue — so he turned into a motormouth and improvised most of his lines. It happened because Ryan Gosling and Carey Mulligan refused many scripted lines, wanting their scenes to be all mood and quiet. Mulligan joked that the film was basically “staring longingly at Ryan Gosling for hours each day.”
0:17

Bryan Cranston noticed Drive (2011) had very little dialogue — so he turned into a motormouth and improvised most of his lines. It happened because Ryan Gosling and Carey Mulligan refused many scripted lines, wanting their scenes to be all mood and quiet. Mulligan joked that the film was basically “staring longingly at Ryan Gosling for hours each day.”

Movies Scenes 🎫

1,650,897 Aufrufe • vor 7 Monaten

<베스트 포지션 매치 #비주얼> 투표 최종 광고 시안 공개 The final draft for <Position Match #Visual> vote 🏆#엑소 #세훈 #EXO #SEHUN🏆 Location📍 영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 8/12 ~ 8/14 KST
0:19

<베스트 포지션 매치 #비주얼> 투표 최종 광고 시안 공개 The final draft for <Position Match #Visual> vote 🏆#엑소 #세훈 #EXO #SEHUN🏆 Location📍 영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 8/12 ~ 8/14 KST

UPICK 유픽

51,954 Aufrufe • vor 11 Monaten

<베스트 포지션 매치 #댄서>투표 최종 광고 시안 공개 The final draft for <Position Match #Dancer> vote 🏆#엔하이픈 #니키 #ENHYPEN #NI_KI🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 4/22~4/24 KST
0:19

<베스트 포지션 매치 #댄서>투표 최종 광고 시안 공개 The final draft for <Position Match #Dancer> vote 🏆#엔하이픈 #니키 #ENHYPEN #NI_KI🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 4/22~4/24 KST

UPICK 유픽

39,774 Aufrufe • vor 2 Monaten

<베스트 포지션 매치 #보컬>투표 최종 광고 시안 공개 The final draft for <Position Match #Vocal> vote 🏆#코르티스 #성현 #CORTIS #SEONGHYEON 🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 3/25~3/27 KST
0:19

<베스트 포지션 매치 #보컬>투표 최종 광고 시안 공개 The final draft for <Position Match #Vocal> vote 🏆#코르티스 #성현 #CORTIS #SEONGHYEON 🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 3/25~3/27 KST

UPICK 유픽

46,478 Aufrufe • vor 3 Monaten

<베스트 포지션 매치 #댄서> 투표 최종 광고 시안 공개 The final draft for <Position Match #Dancer> vote 🏆#라이즈 #쇼타로 #RIIZE #SHOTARO🏆 Location📍 영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 6/25~6/27 KST
0:19

<베스트 포지션 매치 #댄서> 투표 최종 광고 시안 공개 The final draft for <Position Match #Dancer> vote 🏆#라이즈 #쇼타로 #RIIZE #SHOTARO🏆 Location📍 영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 6/25~6/27 KST

UPICK 유픽

85,293 Aufrufe • vor 1 Jahr