HyperFrames: Turning HTML & Canvas into 60fps Video for AI Agents
Learn how HeyGen's open-source HyperFrames compiler turns self-contained HTML, CSS, and Canvas compositions into deterministic 1080p60 videos built by AI agents.
⌨️ Language & Standard Hub
HTML.
Semantic HTML5 Landmarks, Native Dialog/Popover, Forms & SEO
Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering HTML: Semantic HTML5 Landmarks, Native Dialog/Popover, Forms & SEO.
Official HTML Brand Lockup (7 Blog Posts · 1 Episodes)✏️ HTML Production Architecture Diagram
✓ Good PatternVISUAL DIAGRAM
[Diagram Walkthrough]How HTML fits into a modern, type-safe full-stack production architecture on CodingCat.dev.
AAA Contrast VerifiedHTML Courses.
All Courses→
Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP
Build framework-agnostic HTML-to-video pipelines for AI agents. Combine HyperFrames, paused GSAP timelines, Impeccable design linting, and Chrome DevTools MCP self-healing visual inspection.
The Odin Project 5: Advanced HTML, CSS View Transitions & WCAG Accessibility
Build 60fps GPU-accelerated animations, multi-page Astro View Transitions, WCAG AAA focus rings, and accessible native <dialog> and Popover components.
The Odin Project 3: Intermediate HTML, Modern Forms & CSS Grid Architecture
Master 2D CSS Grid layouts, Subgrid, CSS Custom Properties, fluid clamp() typography, container queries, and zero-JS form validation with :user-valid.
The Odin Project 1: Web Development Foundations (HTML, CSS, Flexbox & JS Basics)
Master the complete Odin Project Foundations path modernized for 2026: how the web works, semantic HTML5, CSS Box Model & Flexbox, and JavaScript DOM fundamentals.
HTML Blog Posts.
Showing 7 of 7 blog postsFiltered: HTML
The Five Layers of Agentic Context: Why Canon Only Turns When Someone Signs Off
A deep-dive review of Magnus Hillestad's Five Layers of Agentic Context on the Sanity blog, exploring why Situation, Records, Memory, Process, and Canon move at different speeds, plus a working interactive HTML/SVG Situation-to-Canon wheel you can drop into any webpage.
Architecting the Agent-Ready Web: Combining Client-Side WebMCP, Streamable HTTP MCP, and RFC 9727 Discovery
A complete walkthrough of CodingCat.dev's dual-plane Agent-Ready Web Architecture: pairing client-side W3C WebMCP tools (document.modelContext and declarative HTML forms) with edge Streamable HTTP MCP endpoints, RFC 9727 API catalogs, and Markdown content negotiation.
WebMCP Explained: Exposing Browser-Native AI Tools with document.modelContext and Declarative HTML
Stop forcing browser AI agents to scrape brittle DOM trees. Learn how the W3C WebMCP specification (document.modelContext.registerTool and declarative <form toolname> attributes) turns your web app into a type-safe, zero-latency agent toolkit.
Design Systems with Web Components
How Stencil can build Web Components for any Design System. This is a developers view into how a design system will work in any size organization.
Accessibility Best Practices for HTML & CSS
Accessibility is an ongoing, ever-evolving process that is an extremely important aspect for inclusion and usability. These are some of the best practices you can follow in HTML and CSS to improve the user's experience on your site.
Adding Angular Components to your static site
Utilizing Web Components within Hugo Static Site Generator (or any static site), to take Stripe/PayPal payments and more!
Adding Web Component for Ionic Modals
Utilizing Web Components within Hugo Static Site Generator (or any static site). Adding a Custom Element for an Ionic Modal pop-up.
✓ All blog posts loaded
HTML Podcast Episodes.
Showing 1 of 1 episodesFiltered: HTML
Qwik the HTML First Framework
We sit down with Miško Hevery, Inventor of Angular, to talk about a new framework he is building called Qwik. We talk about Miško's past experience and then we deep dive into Qwik.
✓ All episodes loaded