正在加载视频...

视频加载失败

返回首页

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

CodePen's profile picture

CodePen.IO

204,154 subscribers

13,412 次观看 • 1 年前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 3 年前

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 次观看 • 7 个月前

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 次观看 • 10 个月前

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 次观看 • 7 个月前

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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 2 个月前

❤<미리보는 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 次观看 • 7 个月前

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

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

ryck ☪

163,506 次观看 • 1 年前

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 次观看 • 7 个月前

<베스트 포지션 매치 #비주얼> 투표 최종 광고 시안 공개 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 次观看 • 11 个月前

Frame by frame, pixel by pixel, we’re building a magical SOMO universe for the mainstream ✨
0:12

Frame by frame, pixel by pixel, we’re building a magical SOMO universe for the mainstream ✨

SOMO

30,243 次观看 • 1 年前

<베스트 포지션 매치 #보컬> 투표 최종 광고 시안 공개 The final draft for <Position Match #Vocal> vote 🏆#엔시티127 #도영 #NCT127 #DOYOUNG🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 9/24~9/26 KST
0:19

<베스트 포지션 매치 #보컬> 투표 최종 광고 시안 공개 The final draft for <Position Match #Vocal> vote 🏆#엔시티127 #도영 #NCT127 #DOYOUNG🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 9/24~9/26 KST

UPICK 유픽

112,533 次观看 • 9 个月前

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

<베스트 포지션 매치 #댄서>투표 최종 광고 시안 공개 The final draft for <Position Match #Dancer> vote 🏆#코르티스 #제임스 #COTRIS #JAMES🏆 Location📍영등포 타임스퀘어 아트캔버스 (Times Square Art canvas Yeongdeungpo) Period🗓 2/25~2/27 KST

UPICK 유픽

26,887 次观看 • 4 个月前