Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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! 🚀

drewwilson's profile picture

Drew Wilson

16,738 subscribers

25,142 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

No Next.js. No React. No TypeScript. just a simple html and js file. deployed on Cloudflare workers. feels… enough.
0:13

No Next.js. No React. No TypeScript. just a simple html and js file. deployed on Cloudflare workers. feels… enough.

Aykut

135,851 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

✨ 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 🫣
0:13

✨ 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 Aufrufe • vor 1 Jahr

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩
0:16

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

Adam Wathan

95,414 Aufrufe • vor 2 Jahren

Claude Fable 5: Create a single HTML file that renders a photorealistic simulation of the United States flag waving in the wind.... 644 lines of code
0:18

Claude Fable 5: Create a single HTML file that renders a photorealistic simulation of the United States flag waving in the wind.... 644 lines of code

Diego | AI 🚀 - e/acc

522,602 Aufrufe • vor 1 Monat

Opus 4.6 vs Gemini 3 pro (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. my dear opus...what have you done...
0:10

Opus 4.6 vs Gemini 3 pro (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. my dear opus...what have you done...

Dev Ed

145,939 Aufrufe • vor 5 Monaten

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`
0:11

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

dmytro

160,361 Aufrufe • vor 1 Jahr

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.
0:14

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.

Bramus

42,676 Aufrufe • vor 3 Jahren

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result
0:10

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result

Basit A. Khan

78,272 Aufrufe • vor 3 Monaten

No JavaScript needed 2 lines of CSS to create a swipe animation ✨
0:13

No JavaScript needed 2 lines of CSS to create a swipe animation ✨

andrej

459,176 Aufrufe • vor 3 Jahren

Built a native macOS viewer for ledger plain-text accounting file format. Most expense tracking apps are built around lock-in. Proprietary formats, mandatory accounts, servers you don't control. When their VC funding dries up, they shut down or pivot, and you start over. Plain-text accounting takes the opposite approach: your finances live in a .ledger file. Open it in vim. Query it with awk. Put it in git and get a full audit trail of every change you've ever made. It's just a plain text file. Ledge is just a lens over that file. Fast, native, no cloud. Following kepano 's file over app philosophy
0:14

Built a native macOS viewer for ledger plain-text accounting file format. Most expense tracking apps are built around lock-in. Proprietary formats, mandatory accounts, servers you don't control. When their VC funding dries up, they shut down or pivot, and you start over. Plain-text accounting takes the opposite approach: your finances live in a .ledger file. Open it in vim. Query it with awk. Put it in git and get a full audit trail of every change you've ever made. It's just a plain text file. Ledge is just a lens over that file. Fast, native, no cloud. Following kepano 's file over app philosophy

Karan Sharma

26,286 Aufrufe • vor 4 Monaten

Opus 4.6 vs GPT 5.4 (High) (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. For the initial impressions I'm really impressed by GPT, for speed they both felt about the same, but gpt was still half cheaper than opus. I also much prefer the design and animation that gpt produced, physics on the leaves are super cool and it also loops pretty nicely whilst opus just fades out the plant. Still got a bunch of tests to run but this is really exciting.
0:10

Opus 4.6 vs GPT 5.4 (High) (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. For the initial impressions I'm really impressed by GPT, for speed they both felt about the same, but gpt was still half cheaper than opus. I also much prefer the design and animation that gpt produced, physics on the leaves are super cool and it also loops pretty nicely whilst opus just fades out the plant. Still got a bunch of tests to run but this is really exciting.

Dev Ed

660,154 Aufrufe • vor 5 Monaten

💡 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,205 Aufrufe • vor 1 Jahr

Prompt: Side view HTML/CSS/JS animation of a six-shot revolver firing all rounds until empty: realistic cylinder rotation, hammer cock & release, crisp muzzle flash + brief smoke, ejected brass casings that tumble out, subtle recoil and slide/backwards bob, visible spent chambers, play 6 shots in sequence then stop. All in 1 HTML file
0:12

Prompt: Side view HTML/CSS/JS animation of a six-shot revolver firing all rounds until empty: realistic cylinder rotation, hammer cock & release, crisp muzzle flash + brief smoke, ejected brass casings that tumble out, subtle recoil and slide/backwards bob, visible spent chambers, play 6 shots in sequence then stop. All in 1 HTML file

Diego | AI 🚀 - e/acc

171,918 Aufrufe • vor 8 Monaten

On September 17, 1991, Linus released Linux 0.01 to a handful of curious users via FTP. No installer, barely a kernel, just ~10,000 lines of code that would grow into the OS running most of the internet. #Linux35
0:10

On September 17, 1991, Linus released Linux 0.01 to a handful of curious users via FTP. No installer, barely a kernel, just ~10,000 lines of code that would grow into the OS running most of the internet. #Linux35

The Linux Foundation

36,472 Aufrufe • vor 10 Tagen

No file. No delay. No "come back next month." Children raised the issue of a damaged road, and the administration responded in a single day. This is what responsive governance looks like when public welfare is the priority, not the paperwork. #CitizenCentricYogi
0:19

No file. No delay. No "come back next month." Children raised the issue of a damaged road, and the administration responded in a single day. This is what responsive governance looks like when public welfare is the priority, not the paperwork. #CitizenCentricYogi

Megh Updates 🚨™

41,370 Aufrufe • vor 1 Tag

No photoshop needed, just a sprinkle of CSS ✨
0:10

No photoshop needed, just a sprinkle of CSS ✨

andrej

326,815 Aufrufe • vor 3 Jahren

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
0:14

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,501 Aufrufe • vor 3 Jahren