Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

CodePen's profile picture

CodePen.IO

204,154 subscribers

13,412 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

❤<미리보는 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 görüntüleme • 7 ay önce

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

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

ryck ☪

163,506 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

<베스트 포지션 매치 #비주얼> 투표 최종 광고 시안 공개 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 görüntüleme • 11 ay önce

<베스트 포지션 매치 #댄서>투표 최종 광고 시안 공개 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 görüntüleme • 2 ay önce

<베스트 포지션 매치 #보컬>투표 최종 광고 시안 공개 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 görüntüleme • 3 ay önce

<베스트 포지션 매치 #댄서> 투표 최종 광고 시안 공개 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 görüntüleme • 1 yıl önce