

hx-pod
Lazarus
Join me while I learn about web fundamentals and talk at you about it
Twitter: @all__hype
Twitter: @all__hype
Episodes
Mentioned books

Mar 4, 2024 • 14min
Celebrate your little victories
When you make your life easier, that's a win.

Feb 28, 2024 • 11min
Advanced htmx: hx-sync
Having any weird async ajax request issues? htmx got yer back 🤜 🤛

Feb 24, 2024 • 10min
Advanced htmx: hx-push-url and hx-replace-url
Push your ajax route to the url bar! Now you've got access to the back button again... but what happens when you refresh?Work with the browser history on any htmx request with hx-push-url and hx-replace-url.PUSH it to the Browser history stack:hx-get="/account/details" hx-push-url="true"REPLACE the current browser history stack:hx-get="/account/details" hx-replace-url="true"

Feb 22, 2024 • 31min
Brain-coding an htmx to-do app V2 - NO MUSIC
Per listener request: Same episode as last, but without the soundtrack!Keeping the other up for posterity's sake.

Feb 21, 2024 • 31min
Brain-coding an htmx to-do app
Every developer should have their own custom to-do app. Join me for my journey building this simple app in my head using htmx

Feb 17, 2024 • 12min
The basics: Season 1 recap, grouping the attributes
Every attribute so far and where they fit together.

Feb 16, 2024 • 8min
The basics: hx-select
What if.. you wanted just a part of the html from the response?In a perfect world, you could just use a simple css selector to get only what you need and filter everything else out.Well, welcome to the perfect world -- hx-select style.

Feb 12, 2024 • 28min
A conversation with chat gpt, aka the htmx shillbot 2000
NOTE: This is some Star Trek computer shit. You gotta hear it to believe it BIG interview today.We delve into where htmx fits in the broader dev world, how we might build a calendar with htmx, and even how to build and publish our own hx-load-class attribute.

Feb 9, 2024 • 3min
The basics: hx-preserve
Updating a chunk of the DOM is easy -- but what if you wanted to leave one element alone?<div id="leave-me-alone" hx-preserve>Content preserved</div>Content will NOT be swapped out in the request, as long as the id in the request data matches.https://htmx.org/attributes/hx-preserve/

Feb 6, 2024 • 8min
The basics: hx-indicator and the special htmx loading classes
Do you ever want to let the user know you are loading something?Of course you do. Just add the htmx-indicator class to any element (loading div, svg, gif), and the parent requests will make it show up.We discuss the magic you get for free in htmx and the way to customize it!