hx-pod cover image

hx-pod

Latest episodes

undefined
Jul 17, 2024 • 12min

Building a modal, PART 2

<dialog> tag is greathttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
undefined
Jul 10, 2024 • 16min

The advantage of being dumb

Ignorance is bliss
undefined
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
undefined
Jul 2, 2024 • 11min

How to build a modal with htmx

What's an efficient/great way to add modals using htmx?
undefined
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
undefined
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.
undefined
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
undefined
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.
undefined
Jun 5, 2024 • 11min

Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle

Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)HX-Trigger - as soon as response receivedHX-Trigger-After-Swap - after new html is swapped inHX-Trigger-After-Settle - after new html is settled and processed by browsersingle eventHX-Trigger:eventmultiple eventsHX-Trigger:event1, event2 single event with valueHX-Trigger:{“event1”:”event 1 message”} single events with key/value dataHX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}multiple events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}
undefined
Jun 3, 2024 • 5min

Htmx response headers: HX-Reselect

{ "HX-Reselect": "#one-div-inside-html" }

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode