All Episodes
Displaying 61 - 90 of 107 in total
Htmx request headers: Hx-Target
Let's your server know what the id is of the hx-target!You need 2 things to send this request header:1. Use the attribute: hx-target="some_id"2. Use a DOM id as the ta...
Htmx request headers: Hx-Trigger and Hx-Trigger-Name
You can use these headers to conditionally branch your response based on *which element* the request was triggered fromexample of format:Request Headers:Hx-Trigger: se...
Htmx request headers: Hx-Request
An example in the wild: The Laravel blade documentation:https://laravel.com/docs/11.x/blade#rendering-blade-fragments
What's next on the podcast?
We're (Me're) 43 episodes in. What's next?
Wordpress and htmx: A conversation with developer Andrew Rhyand
We talk integrating htmx with Wordpress!Andrew Rhyand https://andrewrhyand.com/Mentioned links:HTMX movies demo: (very slick & educational)https://htmx.andrewrhyand.co...
Advanced htmx: Season 2 recap, grouping the 13 advanced attributes
Advanced htmx: Recap & grouping each of the 13 advanced attributes we went over this "season" This means we have now gone through every attribute! (not counting extens...
Advanced htmx: hx-disinherit
Reddit thread with an example:https://www.reddit.com/r/htmx/comments/1bukz76/hxselect_reset/
Advanced htmx: hx-history-elt
What if you wanted a part of your site to persist even using the back and forward on your browser?Here is the reddit thread I mention in the episode, with an example:h...
Advanced htmx: hx-disabled-elt
This one might actually be essential, not just an advanced attribute. Keeps you and your users from accidentally submitting things multiple times.
Advanced htmx: hx-encoding
An amazingly simple file uploading form *with a progress bar* using htmx: Upload
Advanced htmx: hx-select-oob
What if you could "select" snippets out of your response and send them to anywhere on the page ("out-of-band") of the target?that's hx-select-oob Server traffic cop: h...
The css zen garden was a beautiful lie
Let's talk big ideas like Locality of Behavior vs. Separation of Concerns by relentlessly attacking one of the best websites ever created
Advanced htmx: hx-request
Set the outer layer of settings of your request with THESE THREE OPTIONS
Advanced htmx: hx-disable
Question: Do you want your users in the comment section to write htmx that runs on your site?If the answer is yes, please ignore this episode.
Advanced htmx: hx-history
What if you don't want your page kept into the browser history local storage?
What is htmx good for?
This is a somewhat open thought process looking at the question I see online: what is htmx good for?Mentioned in the episode: the htmx movies example from Andrew Rhyan...
Advanced htmx: hx-validate
Your browser has built in types and validation on inputs in a form. But what happens when you use inputs without a form??Note: I accidentally posted an incomplete epis...
Advanced htmx: hx-headers
Every request has secret hidden headers. But what if you wanted to make your own?https://htmx.org/attributes/hx-headers/
Celebrate your little victories
When you make your life easier, that's a win.
Advanced htmx: hx-sync
Having any weird async ajax request issues? htmx got yer back 🤜 🤛
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 requ...
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.
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
The basics: Season 1 recap, grouping the attributes
Every attribute so far and where they fit together.
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 everyt...
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 bu...
The basics: hx-preserve
Updating a chunk of the DOM is easy -- but what if you wanted to leave one element alone?Content preservedContent will NOT be swapped out in the request, as long as t...
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 par...
The basics: hx-params
ok, you are submitting a form.. but what if you don't want to submit the whole thing?Use what only i call "the mysql selector of htmx"hx-params="first_name, last_name,...