CF Worker, Hono, Htmx, picoCSS

HTMX

Minimal HTMX sandboxes, with clean UX using PicoCSS here. Larger sandboxes, like user search, or implementing infinite scroll with HTMX get their own link at the top of the page. Open F12 dev tools and watch the clean simple requests. Observe that requests to 'htmx'` and `Comments` and `Bugs` generate a SINGLE http request, wheras `infinite scroll (non-boosted)` is a full reload of 5 requests. This is amazingly clean, ridiculously simple together with a superbly low learning curve.

See more examples at htmx.org/examples/

Clicking button below should swap the page title when the response arrives...

change text & title

Some text with shift-click me, and some other text.

Mouse enter and leave

Enter tracked only once : Track changed :

Button and links

Throttle will not allow you to make more than 1 request per (throttled) seconds.

 
   
  

Out of band swap

Allow you to update multiple things at the same time.

City picker

Tables

fieldvalue
nameFred
Age-
Department-

Out of band Table Update

Demonstrates using out of band to update two tables from a single response.

IDNameCity
IDNameCity
---