Archive

I try to use Semantic HTML as much as possible especially for content heavy stuff like this website. My ultimate goal is to use the plain output of Pandoc (or similar markdown -> HTML converter) and use it with just the right amount of CSS to publish websites. This also goes hand in hand with Cool URIs don't change

--

Using Claude Code: The Unreasonable Effectiveness of HTML and examples companion. ^2e2549 Some tools to go with agentic generation of HTML:

• here.now | Instant web hosting for agents
• aired — publish HTML artifacts instantly

--

zarazhangrui/beautiful-html-templates - A library of HTML slide templates designed so any coding agent can pick the right one and produce a beautiful deck on the user's behalf, automatically.

See also from the same creator -- zarazhangrui/frontend-slides - Create beautiful slides on the web using Claude's frontend skills.

Learning

• HTML for People
• Interneting Is Hard | Web Development Tutorials For Complete Beginners
• HTML, the programming language 😜
• HTML First  is a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable by...

1. Leveraging the default capabilities of modern web browsers.
2. Leveraging the extreme simplicity of HTML's attribute syntax.
3. Leveraging the web's ViewSource affordance.

• the html review  is an annual journal of literature made to exist on the web.
• A blog post with every HTML element by Patrick Weaver; Aug 2023.

--

EHTML  can be described as a set of custom elements that you can place on an HTML page for different purposes and use cases. The goal of this library is to provide a convenient way to eliminate JavaScript code on the client side as much as possible for basic and routine tasks. The beggest focus of this library is to offer the easiest way to perform AJAX operations just by using HTML.

rushter/selectolax: Python binding to Modest and Lexbor engines (fast HTML5 parser with CSS selectors). -- could be a good alternative for BeautifulSoup and lxml on python.

The Slab markup language for generating HTML. mildly interesting.

--

HTML Relics

Home page -- </> htmx - high power tools for html

Papers

[@10.1145/3648188.3675127]; PDF

Articles

• The philosophy behind htmx and hyperview and hyperscript -- Hypermedia Systems
• Chris James -HTMX is the Future
• HTMX for ASP.NET Core Developers - .NET Tools Guide -- A set of videos explaining what HTMX is, and how ASP.NET Core developers can use it to create rich client-side experiences.. 17 videos and posts!
• A little taste of HTMX (part 1/5), 2, 3, 4, 5
• Full-stack web development with HTMX and Bun, Part 2: Pug templating | InfoWorld
• Build your own HTMX

Presentations

• From React to htmx on a real-world SaaS product by David Guillot
• The Life & Death of htmx by Alexander Petros at Big Sky Dev Con 2024

Videos

• htmx in 100 seconds - YouTube

Resources

• rajasegar/awesome-htmx: Awesome things about htmx

Related

• Hyperlink maximalism | thesephist.com

See Also

• Unpoly: Unobtrusive JavaScript framework. Read the blogpost - We're breaking up with JavaScript frontends
• Hwy Framework
• htmz - a low power tool for html
• DATASTAR "Real-time hypermedia framework"

Golang

• ZEISS/fiber-htmx: 🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more ...
• quii/todo: spiking out a todo list with htmx
• Golang + HTMX - Creating a Go webserver / HTMX Integration / Template Fragments - YouTube
• 🤯 🏁infogulch/caddy-xtemplate: A html/template-oriented hypertext preprocessor as a Caddy module. Think PHP but the syntax looks like Go templates.
• blackfyre/wga: Jumping forward ~30 years

Python

Django

• EmilStenstrom/django-components: Create simple reusable template components in Django. from A Real World React -> htmx Port; also uses Stimulus: A modest JavaScript framework for the HTML you already have. from the Ruby Hotwired project.
• Django & HTMX - Template Fragments with django-render-block - YouTube
• Django, HTMX and Alpine.js: Modern websites, JavaScript optional

Elixir

• phoenix liveview

Ruby

• hotwired

Javascript

From the creator of Ahastack = Astro.js + HTML + Alpine.js

Every feature I add to a new webapp I'm building with Astro + Alpine + htmx + Tailwind + Pocketbase just brings me joy in how simple this stuff can really be. It's delightful. via

Plainweb is a framework using HTMX, SQLite and TypeScript.

plainweb learned from and is heavily inspired by the Grug Brained Developer, SQLite, HTMX, PocketBase, Remix, Litestream and some of the Go proverbs.

dotnet

HTMX for ASP.NET Core Developers - JetBrains Guide

CSS

Franken/UI -- HTML-first, framework-agnostic implementation of shadcn/ui - franken/ui.

wilsonzlin/minify-html : Extremely fast and smart HTML + JS + CSS minifier, available for Rust, Deno, Java, Node.js, Python, Ruby, and WASM

The Python library on pypi.

Using the Python library:

# code/example_minifyhtml.py
#!/usr/bin/env python

import minify_html

with open("output/index.html") as f:
    t = f.read()
    print(t)
    o = minify_html.minify(
        t,
        do_not_minify_doctype=True,
        keep_spaces_between_attributes=True,
        ensure_spec_compliant_unquoted_attribute_values=True,
    )
    print(o)