正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

– One HTML attribute – One JavaScript event listener – Configurable via CSS custom properties Let's get this explodin' 🤙

jhey ʕ•ᴥ•ʔ

147,715 subscribers

531,183 次观看 • 2 年前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

one trick behind this demo 👇🎞️ .images { translate: 0 calc(var(--active) * 1lh); } translate a container that holds the images with the line-height unit lean into CSS custom properties and use JavaScript to update the values 🤙

one trick behind this demo 👇🎞️ .images { translate: 0 calc(var(--active) * 1lh); } translate a container that holds the images with the line-height unit lean into CSS custom properties and use JavaScript to update the values 🤙

jhey ʕ•ᴥ•ʔ

46,904 次观看 • 1 年前

I'd be really surprised if AI ever "one-shots" something like this using just HTML + CSS

I'd be really surprised if AI ever "one-shots" something like this using just HTML + CSS

David K 🎹

193,392 次观看 • 10 个月前

one shotted this with gemini 3.1 pro codepen link in comment - its simple html/css/js

one shotted this with gemini 3.1 pro codepen link in comment - its simple html/css/js

Chetaslua

164,487 次观看 • 7 个月前

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

CSS by T. Afif

25,205 次观看 • 1 年前

Developers are making $60K+/y but they paid 500$ for courses. This guide help you to Learn for FREE - CSS - HTML - JavaScript To get it, 1. Like 2. Reply ‘👋🏼’ 3. Follow me (so I can DM)

Developers are making $60K+/y but they paid 500$ for courses. This guide help you to Learn for FREE - CSS - HTML - JavaScript To get it, 1. Like 2. Reply ‘👋🏼’ 3. Follow me (so I can DM)

Atakan 💻

67,674 次观看 • 3 年前

This one line of CSS will make your website feel more native. On mobile, tapping on clickable elements triggers an ugly blue highlight. This gets rid of it: html { -webkit-tap-highlight-color: transparent; } If you found this one useful, follow for more. ❤️

This one line of CSS will make your website feel more native. On mobile, tapping on clickable elements triggers an ugly blue highlight. This gets rid of it: html { -webkit-tap-highlight-color: transparent; } If you found this one useful, follow for more. ❤️

Ali

29,331 次观看 • 5 个月前

Pretty excited about this one :) Just a plain html file, css file, and a handful of lines of hand-rolled JS code. No build process. No frameworks. No libraries. Launching next week! 🚀

Pretty excited about this one :) Just a plain html file, css file, and a handful of lines of hand-rolled JS code. No build process. No frameworks. No libraries. Launching next week! 🚀

Drew Wilson

25,142 次观看 • 1 年前

Gemini 3 Pro (left) vs ChatGPT 5.1 thinking vs Claude Opus 4.5 (right) Prompt: Multi-ball heptagon physics Write html, css, and javascript to display 20 balls bouncing inside a spinning heptagon. each ball should have a unique color, a number label, gravity, and collision detection with the walls. all code in one file.

Gemini 3 Pro (left) vs ChatGPT 5.1 thinking vs Claude Opus 4.5 (right) Prompt: Multi-ball heptagon physics Write html, css, and javascript to display 20 balls bouncing inside a spinning heptagon. each ball should have a unique color, a number label, gravity, and collision detection with the walls. all code in one file.

God of Prompt

105,823 次观看 • 10 个月前

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

FHILY👑

11,733 次观看 • 4 个月前

🐰 Let's get this one, "Crazy in love. Our special" 🐥👍👍👍👍

🐰 Let's get this one, "Crazy in love. Our special" 🐥👍👍👍👍

Chick⅋Bunny¹̶³̶⊙⊝⊜

16,956 次观看 • 8 个月前

Anywhere there's a hoop, Jimmy will get buckets… this one in France 🪣 (via: JimmyButler/IG)

Anywhere there's a hoop, Jimmy will get buckets… this one in France 🪣 (via: JimmyButler/IG)

NBA

641,754 次观看 • 2 个月前

Our team has been really busy working on this, and I'm thrilled that we're soon going to have an awesome JavaScript solution for our "plain HTML" (non-React/Vue) components in Tailwind Plus! 🌮 We even have all our command palette examples working with it — even tricky ones like this one! 🔥

Our team has been really busy working on this, and I'm thrilled that we're soon going to have an awesome JavaScript solution for our "plain HTML" (non-React/Vue) components in Tailwind Plus! 🌮 We even have all our command palette examples working with it — even tricky ones like this one! 🔥

Jonathan Reinink

28,002 次观看 • 1 年前

✨ Fully declarative, HTML-driven command palette, with no custom JS, and no framework. Works everywhere, no matter how you like to build your apps. Just one small part of a big release coming this week 🫣

✨ Fully declarative, HTML-driven command palette, with no custom JS, and no framework. Works everywhere, no matter how you like to build your apps. Just one small part of a big release coming this week 🫣

Adam Wathan

95,414 次观看 • 1 年前

DiscussingFilm Wanna know what scored highly on Cinemascore? TRANSFORMERS ONE ofc! With an 'A' ranking Transformers One is surely to satisfy your movie going cravings this weekend. Hear my words and consider seeing Transformers One this weekend, let's get that sequel!

DiscussingFilm Wanna know what scored highly on Cinemascore? TRANSFORMERS ONE ofc! With an 'A' ranking Transformers One is surely to satisfy your movie going cravings this weekend. Hear my words and consider seeing Transformers One this weekend, let's get that sequel!

TFHypeGuy

856,029 次观看 • 2 年前

Trump to Rubio: "Your next one is gonna be Cuba. He's waiting but he says, 'Let's get this one finished first.' We could do them all at the same time, but bad things happen."

Trump to Rubio: "Your next one is gonna be Cuba. He's waiting but he says, 'Let's get this one finished first.' We could do them all at the same time, but bad things happen."

Aaron Rupar

2,274,913 次观看 • 7 个月前

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

Ed

21,954 次观看 • 1 年前

Check out Tsukasa's new costume! Get this costume when you pull his "From One Hero To Another" card~ Available from the "Let's Play With Cats Gacha" 🐈

Check out Tsukasa's new costume! Get this costume when you pull his "From One Hero To Another" card~ Available from the "Let's Play With Cats Gacha" 🐈

HATSUNE MIKU: COLORFUL STAGE!

25,946 次观看 • 7 个月前

This is another thing I find very odd. Every single event their campaign puts out video of his motorcade driving to airport. Then one of him boarding plane. Then one of motorcade driving to event. Then driving back to airport. Then boarding plane back. Like, why? I don’t get it.

This is another thing I find very odd. Every single event their campaign puts out video of his motorcade driving to airport. Then one of him boarding plane. Then one of motorcade driving to event. Then driving back to airport. Then boarding plane back. Like, why? I don’t get it.

Ron Filipkowski

1,135,487 次观看 • 2 年前