Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page. Would this feature be useful to you?

FirefoxWebDevs's profile picture

Firefox for Web Developers

90,305 subscribers

28,757 görüntüleme • 6 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.
1:33

Prompt: Create an animation of a single flower blooming in a pot. Using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

114,362 görüntüleme • 5 ay önce

Prompt: Create a simulation of a pirate ship sailing through open ocean. Using HTML/CSS/JS in a single HTML file.
1:11

Prompt: Create a simulation of a pirate ship sailing through open ocean. Using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

60,071 görüntüleme • 4 ay önce

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.
1:03

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

233,791 görüntüleme • 5 ay önce

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file
2:13

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Diego | AI 🚀 - e/acc

145,468 görüntüleme • 5 ay önce

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.
0:55

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

212,042 görüntüleme • 10 gün önce

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?
0:21

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

Chiamaka Igwe

14,122 görüntüleme • 2 ay önce

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.
1:53

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

84,803 görüntüleme • 5 ay önce

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.
4:08

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Santiago

86,081 görüntüleme • 20 gün önce

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.
1:19

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

212,064 görüntüleme • 5 ay önce

Single-File HTML/JS Farming Simulation Game (Stardew Valley Style)
1:14

Single-File HTML/JS Farming Simulation Game (Stardew Valley Style)

Qwen

12,500 görüntüleme • 3 ay önce

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.
0:38

I made a super visual page for all the DESIGN.md we generate. 564 of them and more coming out every day. You can grab the design systems, web design skill prompts and HTML pages.

Meng To

74,460 görüntüleme • 1 ay önce

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:
0:44

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

kanav

23,208 görüntüleme • 4 ay önce

"Make a Minecraft clone in one single HTML file. Think hard." GPT-5 Pro
0:29

"Make a Minecraft clone in one single HTML file. Think hard." GPT-5 Pro

BLCNYY

21,784 görüntüleme • 10 ay önce

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.
0:25

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.

Alvaro Cintas

141,142 görüntüleme • 6 ay önce

PCB MILLER IS WORKING! You can now generate the gcode to mill a PCB in UNDER ONE MINUTE. No installation, no dependencies, just ONE HTML FILE!!! I still have a lot of improvements to make but I would call this a complete victory. You can just make your own software.
1:38

PCB MILLER IS WORKING! You can now generate the gcode to mill a PCB in UNDER ONE MINUTE. No installation, no dependencies, just ONE HTML FILE!!! I still have a lot of improvements to make but I would call this a complete victory. You can just make your own software.

Will

25,193 görüntüleme • 2 ay önce

Download complete web pages as a single HTML file in one click, including images, styles, fonts, and scripts
1:13

Download complete web pages as a single HTML file in one click, including images, styles, fonts, and scripts

AlternativeTo

29,562 görüntüleme • 3 ay önce

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.
0:20

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.

elvis

245,078 görüntüleme • 27 gün önce

OpenAI keeps working on Canvas rendering for HTML pages. Now it can render HTML pages seamlessly and also has a new loading animation. React Canvases seem to get a bit broken 👀 * This feature is still in development and not available to the public 🚧
0:24

OpenAI keeps working on Canvas rendering for HTML pages. Now it can render HTML pages seamlessly and also has a new loading animation. React Canvases seem to get a bit broken 👀 * This feature is still in development and not available to the public 🚧

TestingCatalog News 🗞

50,710 görüntüleme • 1 yıl önce

🚀 **Hack Like a Pro:** Extract IPs from Shodan HTML in Seconds! 🔥 Sick of digging through HTML? Let `grep` do the work! 💻 ```bash grep -oP '(? ).*?(?= )' ip.html > ips ``` 1️⃣ **Save Shodan page source as HTML** 2️⃣ **Run this command** 3️⃣ **BOOM 💥** — All IPs extracted to `ips`! Master your toolkit! #KaliLinux #HackingTips #CyberSecurity #Shodan #OSINT
1:16

🚀 **Hack Like a Pro:** Extract IPs from Shodan HTML in Seconds! 🔥 Sick of digging through HTML? Let `grep` do the work! 💻 ```bash grep -oP '(? ).*?(?= )' ip.html > ips ``` 1️⃣ **Save Shodan page source as HTML** 2️⃣ **Run this command** 3️⃣ **BOOM 💥** — All IPs extracted to `ips`! Master your toolkit! #KaliLinux #HackingTips #CyberSecurity #Shodan #OSINT

X

18,971 görüntüleme • 3 ay önce

Thanks to lots of help from Campbell, I contributed my first Blender feature! You can now choose where to stop loops. This lets you select through boundary n-gons, stop at seams, or stop at sharp edges. Will be useful for both retopology and UVs.
0:20

Thanks to lots of help from Campbell, I contributed my first Blender feature! You can now choose where to stop loops. This lets you select through boundary n-gons, stop at seams, or stop at sharp edges. Will be useful for both retopology and UVs.

Jonathan Lampel

15,938 görüntüleme • 3 ay önce