Loading video...

Video Failed to Load

Go Home

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

DavidKPiano's profile picture

David K ๐ŸŽน

86,357 subscribers

193,281 views โ€ข 7 months ago โ€ขvia X (Twitter)

EducationScience & Technology
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Create this responsive flex layout using just HTML and CSS ๐Ÿš€
0:10

Create this responsive flex layout using just HTML and CSS ๐Ÿš€

David Mrรกz

38,100 views โ€ข 1 year ago

Create this sidebar using HTML, CSS and JavaScript ๐Ÿš€ Code in the comments ๐Ÿ‘จโ€๐Ÿ’ป
0:10

Create this sidebar using HTML, CSS and JavaScript ๐Ÿš€ Code in the comments ๐Ÿ‘จโ€๐Ÿ’ป

David Mrรกz

65,949 views โ€ข 1 year ago

Today, I made this cool "Pepsi Header" using HTML, CSS & JavaScript. How is it guys?
0:13

Today, I made this cool "Pepsi Header" using HTML, CSS & JavaScript. How is it guys?

Raja - impeccify.com ๐Ÿš€

119,353 views โ€ข 3 years ago

โ€“ One HTML attribute โ€“ One JavaScript event listener โ€“ Configurable via CSS custom properties Let's get this explodin' ๐Ÿค™
0:18

โ€“ One HTML attribute โ€“ One JavaScript event listener โ€“ Configurable via CSS custom properties Let's get this explodin' ๐Ÿค™

jhey ส•โ€ขแดฅโ€ขส”

530,764 views โ€ข 2 years ago

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

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

Chetaslua

163,561 views โ€ข 4 months ago

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. Thatโ€™s all
0:12

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. Thatโ€™s all

Mike Bespalov

81,910 views โ€ข 1 year ago

"If something happens really bad, just blame AI" Brilliant plan, blame AI... Remember this when you need a scapegoat.
0:13

"If something happens really bad, just blame AI" Brilliant plan, blame AI... Remember this when you need a scapegoat.

Stacy

14,780 views โ€ข 10 months ago

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 โ†“
0:14

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 views โ€ข 1 month ago

I really need people to understand that this has to be one of the worst "beauty" shots ever in an open world game
0:15

I really need people to understand that this has to be one of the worst "beauty" shots ever in an open world game

Stryxo

364,767 views โ€ข 2 months ago

Never thought I'd be saying this, but I think we actually are cooked. Just one-shotted this website with AI. Prompt below.
0:10

Never thought I'd be saying this, but I think we actually are cooked. Just one-shotted this website with AI. Prompt below.

Hamza Ehsan

184,856 views โ€ข 4 months ago

Made this 404 error page just using CSS โœ… Code ๐Ÿ‘‡
0:13

Made this 404 error page just using CSS โœ… Code ๐Ÿ‘‡

Atharva โ˜„๏ธ

190,529 views โ€ข 3 years ago

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.
0:14

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

Chris Stanchak

60,125 views โ€ข 2 years ago

It took 40 minutes and 0 tears to create this toggle ๐Ÿ˜› Just CSS and HTML. Link to CodePen in comments ๐Ÿ‘‡
0:10

It took 40 minutes and 0 tears to create this toggle ๐Ÿ˜› Just CSS and HTML. Link to CodePen in comments ๐Ÿ‘‡

Viki โœจ

342,947 views โ€ข 2 years ago

Elon Musk "AI is going to replace us" Can AI ever do something like this?
0:15

Elon Musk "AI is going to replace us" Can AI ever do something like this?

Liberty Pill Memes

208,330 views โ€ข 6 months ago

FCC Chair Brendan Carr: I'd be surprised if we don't revoke some broadcast licenses
0:14

FCC Chair Brendan Carr: I'd be surprised if we don't revoke some broadcast licenses

FactPost

153,741 views โ€ข 3 months ago

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! ๐Ÿš€
0:19

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 views โ€ข 1 year ago

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. โค๏ธ
0:16

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,131 views โ€ข 3 months ago

๐Ÿ’ก 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.
0:14

๐Ÿ’ก 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,194 views โ€ข 1 year ago

If you ever find yourself wanting a bird, I'd like to remind you that this is Queso's favorite noise. This would be the potential soundtrack to your life.
0:17

If you ever find yourself wanting a bird, I'd like to remind you that this is Queso's favorite noise. This would be the potential soundtrack to your life.

Pepper and Pals

12,922 views โ€ข 11 months ago

This is the most owned I ever got๐Ÿ’€๐Ÿ’€๐Ÿ’€ I'd be suspicious if his name was Moneytaker69 but i'll just assume he's a soulreading AI bot ๐Ÿ˜‚ (630 PKO FT, ~50k uptop & BB has small KO)
0:15

This is the most owned I ever got๐Ÿ’€๐Ÿ’€๐Ÿ’€ I'd be suspicious if his name was Moneytaker69 but i'll just assume he's a soulreading AI bot ๐Ÿ˜‚ (630 PKO FT, ~50k uptop & BB has small KO)

Beriuzy

42,290 views โ€ข 2 years ago