Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

css cyber[popover] 2025 w/ sfx (jus' javascript for the audio and keyboard shortcuts)

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

135,805 subscribers

109,063 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔvor 1 Jahr

here's the @CodePen for this one 🚀 (toggle "muted" for the sound effects)

Profilbild von Mobile Scanner
Mobile Scannervor 1 Jahr

Scan any documents, convert images into text, PDF files, etc. 👍

Profilbild von CG
CGvor 1 Jahr

cyberpunk 2077 vibes 🔥🔥🔥💯💯💯

Profilbild von caiodev
caiodevvor 1 Jahr

dope @uphiago

Profilbild von Steve Lauda
Steve Laudavor 1 Jahr

Vibeeeee

Profilbild von Sean
Seanvor 1 Jahr

ooooo this is cool

Profilbild von lear
learvor 1 Jahr

take it as a compliment :)

Profilbild von illia 🇺🇦
illia 🇺🇦vor 1 Jahr

cool shit! can’t believe how far web platform has come

Profilbild von Don Carlos
Don Carlosvor 1 Jahr

Code plz ? 🥹

Profilbild von jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔvor 1 Jahr

i got you 🤙

Profilbild von sutra
sutravor 1 Jahr

It’s like every terminal in every space rpg in modern times

Ähnliche Videos

iOS-style morphing context menu w/ css transitions 👨‍🍳 [popover] api + anchor positioning + transition-behavior: allow-discrete
0:31

iOS-style morphing context menu w/ css transitions 👨‍🍳 [popover] api + anchor positioning + transition-behavior: allow-discrete

jhey ʕ•ᴥ•ʔ

30,880 Aufrufe • vor 5 Monaten

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.
0:25

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

CSS by T. Afif

36,412 Aufrufe • vor 6 Monaten

responsive stacked tabs w/ CSS grid 👨‍🍳 + works with keyboard navigation + drag gestures + container queries for orientation
0:36

responsive stacked tabs w/ CSS grid 👨‍🍳 + works with keyboard navigation + drag gestures + container queries for orientation

jhey ʕ•ᴥ•ʔ

71,182 Aufrufe • vor 9 Monaten

Useful keyboard shortcuts
0:56

Useful keyboard shortcuts

Tech Burrito

658,567 Aufrufe • vor 3 Jahren

CSS + deviceorientation for responsive angle mode (def not supporting the keyboard 💀)
0:28

CSS + deviceorientation for responsive angle mode (def not supporting the keyboard 💀)

jhey ʕ•ᴥ•ʔ

111,055 Aufrufe • vor 1 Jahr

Keyboard Shortcuts Tips in Adobe illustrator
0:40

Keyboard Shortcuts Tips in Adobe illustrator

After Effects Tricks!

54,234 Aufrufe • vor 1 Jahr

play 🤝 pause you don't always need to morph the svg jus' a little scale + translate on the paths w/ css 👇
0:49

play 🤝 pause you don't always need to morph the svg jus' a little scale + translate on the paths w/ css 👇

jhey ʕ•ᴥ•ʔ

16,239 Aufrufe • vor 15 Tagen

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls
0:31

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls

Figma

72,222 Aufrufe • vor 11 Monaten

stop duplicating your navigation for mobile 🤙 use the Popover API and some CSS tricks to make it responsive ✅ sidebar on desktop ✅ drawer on mobile ✅ progressively enhance the drag mechanics
0:29

stop duplicating your navigation for mobile 🤙 use the Popover API and some CSS tricks to make it responsive ✅ sidebar on desktop ✅ drawer on mobile ✅ progressively enhance the drag mechanics

jhey ʕ•ᴥ•ʔ

256,187 Aufrufe • vor 1 Jahr

adding the little details™ progressively enhance the overdrag bounce with a sprinkle of JavaScript and some CSS linear() ✨
0:20

adding the little details™ progressively enhance the overdrag bounce with a sprinkle of JavaScript and some CSS linear() ✨

jhey ʕ•ᴥ•ʔ

90,163 Aufrufe • vor 2 Jahren

neat trick for the sheet effect by transforming the body with CSS when you have :popover-open ✨ :root:has(.drawer:popover-open) body { scale: calc(0.95 + (var(--c) * 0.05)); translate: 0 calc(.875rem * (1 - var(--c)); } [popover] isn't affected as it's in the :top-layer 🚀
0:20

neat trick for the sheet effect by transforming the body with CSS when you have :popover-open ✨ :root:has(.drawer:popover-open) body { scale: calc(0.95 + (var(--c) * 0.05)); translate: 0 calc(.875rem * (1 - var(--c)); } [popover] isn't affected as it's in the :top-layer 🚀

jhey ʕ•ᴥ•ʔ

77,988 Aufrufe • vor 1 Jahr

Responsive funny Credit Card form ✨ Using HTML, CSS and JavaScript CodePen link below 👇
0:29

Responsive funny Credit Card form ✨ Using HTML, CSS and JavaScript CodePen link below 👇

Viki ✨

908,892 Aufrufe • vor 2 Jahren

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪
0:41

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 Aufrufe • vor 6 Monaten

Essential Adobe Illustrator Keyboard Shortcuts Collection sc ig/pixelpilot.cc_design
1:31

Essential Adobe Illustrator Keyboard Shortcuts Collection sc ig/pixelpilot.cc_design

Mutia

24,614 Aufrufe • vor 10 Monaten

Here are some AI keyboard shortcuts! Learn them now!
0:30

Here are some AI keyboard shortcuts! Learn them now!

After Effects Tricks!

56,811 Aufrufe • vor 3 Monaten

essential Adobe Illustrator keyboard shortcuts pros use daily (by: ducthangds)
0:40

essential Adobe Illustrator keyboard shortcuts pros use daily (by: ducthangds)

NexGridCo

748,024 Aufrufe • vor 3 Monaten

Cómo crear un slider sin JavaScript. Sólo HTML y CSS:
0:36

Cómo crear un slider sin JavaScript. Sólo HTML y CSS:

Miguel Ángel Durán

116,259 Aufrufe • vor 3 Jahren

You can now use keyboard shortcuts in v0's design mode.
0:20

You can now use keyboard shortcuts in v0's design mode.

v0

11,216 Aufrufe • vor 6 Monaten

Design a personalised trading workspace with 30+ trading widgets, 30+ keyboard shortcuts, and 7 pre-built layouts.
0:42

Design a personalised trading workspace with 30+ trading widgets, 30+ keyboard shortcuts, and 7 pre-built layouts.

Dhan - Made for Trade

4,360,190 Aufrufe • vor 2 Monaten