hx-pod
Join me while I learn HTMX and talk at you about it
Twitter: @htmxlabs
Latest episodes
Jul 29, 2024 • 1h 4min
Empowering Junior Devs with htmx - Sheena O'Connell
An HTMX success storyhttps://www.sheenaoc.com/articles/2024-06-30-htmxSheena joins to talk about how she teaches her junior devs to teach noob devs how to become junior devs
Jul 22, 2024 • 1h 14min
Karson's Korner - A conversation on practice before theory, hx-swap-oob, and optimistic uis with htmx creator Carson Gross
Practice over theory. hx-swap-oob. optimistic uis. the secret to making memes
Jul 17, 2024 • 12min
Building a modal, PART 2
<dialog> tag is greathttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
Jul 10, 2024 • 16min
The advantage of being dumb
Ignorance is bliss
Jul 8, 2024 • 60min
PRO: Produce, Review, Optimize - marketing with htmx ceo John Dietrich
John says what's up with marketing for small businessesYoutube: https://www.youtube.com/watch?v=S7BX2ocn7XM
Jul 2, 2024 • 11min
How to build a modal with htmx
What's an efficient/great way to add modals using htmx?
Jun 24, 2024 • 56min
Anthony Alaribe on building a company with htmx and leveraging the browser
Anthony's talk at Big Sky Dev Con:https://www.youtube.com/watch?v=uVKSmR_hBMs&t=9142sThis episode on youtube (i.e. see faces)https://www.youtube.com/watch?v=LQfKmpx7QZ8
Jun 20, 2024 • 19min
Large table pattern using htmx
Mentioned, how to submit and reset a form on success using htmx:<form hx-post="/admin/candidates" hx-target="#candidates_add_form" hx-swap="beforebegin" hx-on::after-request=" if(event.detail.successful) this.reset()" >This assumes the last row is the add form, and places the newly added item directly above it.
Jun 13, 2024 • 11min
Htmx headers: Season 3 Recap
"We've done them all now"All headers grouped===========> REQUEST HEADERS======> Flags*HX-Boosted - was it a boosted link*HX-Request - is it an htmx request*HX-History-Restore-Request - is it a back button restore request======> Auto-sent variables*HX-Current-URL - current url page is at*HX-Target - id of target if has id*HX-Trigger-Name - which element triggered it by name*HX-Trigger - which element triggered it======> User Variables*HX-Prompt - user is asked to provide prompt, this is what they typed============> RESPONSE HEADERS======> Browser & history commands*HX-Location - hx-boost reload to page*HX-Redirect - regular redirect*HX-Refresh - refresh page*HX-Push-Url - push url to top bar*HX-Replace-Url - replace url in top bar======> override attributes*HX-Reswap - sets hx-swap value*HX-Retarget - set hx-target value*HX-Reselect - set hx-select value======> Trigger events*HX-Trigger - trigger an event on client immediately*HX-Trigger-After-Swap - trigger an event after swapping in html*HX-Trigger-After-Settle - trigger an event next lifecycle
Jun 9, 2024 • 54min
I went to Big Sky Dev Con 2024 so you don’t have to
Carson Gross, an expert in gonzo open source marketing, shares insights on bringing humor and positivity to social media. Alex Petros dives into the rise and fall of HTMX, providing a thought-provoking perspective. Ben Damman introduces Hypermedia Middleware with a focus on innovation. Meanwhile, Ryan Florence delivers a sharp critique of HTMX, sparking intriguing discussions. Nathaniel Maile and Jon-Michael Hartway co-present on the creative misuse of hypermedia, showcasing the playful side of tech development.
