GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Topics
  • Courses
  • Podcasts
  • Blog
  • Home→
  • Sponsors→
  • Sponsorships→
  • Search
  • About
  • Podcast Guests
  • Authors
  • AJ Mascot Lab
  • Book Podcast Session
  • Contact

This view

  • Original page
  • New address

GeezerVison is showing codingcat.dev — HTML Courses, Podcasts & Blog Posts | CodingCat.dev

All Hubs
SanityCloudflareAstroFirebaseNext.js#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.

Filter HTML Courses→Search All HTML Content
HTML official logoHTML official logo5 Courses · 6 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 Verified

HTML Courses.

Filter on Courses Page→
Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP
November 4, 2026
HTMLMCPChrome+1

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 1: Web Development Foundations (HTML, CSS, Flexbox & JS Basics)
November 4, 2026
JavaScriptHTMLCSS+1

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.

The Odin Project 3: Intermediate HTML, Modern Forms & CSS Grid Architecture
November 4, 2026
HTMLCSS#Architecture

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 5: Advanced HTML, CSS View Transitions & WCAG Accessibility
November 4, 2026
AstroHTMLCSS+1

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.

HyperFrames: Turning HTML & Canvas into 60fps Video for AI Agents
November 4, 2026
HTMLCSS#AI & Agents

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.


HTML Blog Posts.

Showing 6 of 6 blog posts
Open Topic Hub →
Alex Patterson and AJ the Cat presenting the Dual-Plane Agent-Ready Web Stack with WebMCP and Streamable HTTP MCP
September 22, 2026
CloudflareHTMLMCP+3

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.

Alex Patterson
Alex Patterson
Alex Patterson and AJ the Cat showcasing WebMCP browser tools with document.modelContext and registerTool
April 14, 2026
JavaScriptHTMLWebMCP+2

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.

Alex Patterson
Alex Patterson
Design Systems with Web Components
May 25, 2022
HTML#Design

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.

Alex Patterson
Alex Patterson
Accessibility Best Practices for HTML & CSS
August 19, 2021
HTMLCSS#Accessibility

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.

Brittney Postma
Brittney Postma
Adding Angular Components to your static site
September 12, 2019
AngularHTML

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!

Alex Patterson
Alex Patterson
Adding Web Component for Ionic Modals
September 11, 2019
HTML

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.

Alex Patterson
Alex Patterson

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...
✓ All blog posts loaded

HTML Podcast Episodes.

Showing 1 of 1 episodes
Open Topic Hub →
Qwik the HTML First Framework
December 8, 2021
Builder.ioAngularHTML

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.

Alex Patterson
Alex Patterson
Brittney Postma
Brittney Postma
Miško Hevery
Miško Hevery

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...
✓ All episodes loaded
You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.