All Episodes
Displaying 61 - 90 of 131 in total
Empowering Junior Devs with htmx - Sheena O'Connell
An HTMX success story https://www.sheenaoc.com/articles/2024-06-30-htmx Sheena joins to talk about how she teaches her junior devs to teach noob devs how to become jun...
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
Building a modal, PART 2
tag is great https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
The advantage of being dumb
Ignorance is bliss
PRO: Produce, Review, Optimize - marketing with htmx ceo John Dietrich
John says what's up with marketing for small businesses Youtube: https://www.youtube.com/watch?v=S7BX2ocn7XM
How to build a modal with htmx
What's an efficient/great way to add modals using htmx?
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=9142s This episode on youtube (i.e. see faces) https://www.youtube.com/watch?v=LQfKmpx...
Large table pattern using htmx
Mentioned, how to submit and reset a form on success using htmx: This assumes the last row is the add form, and places the newly added item directly above it.
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...
I went to Big Sky Dev Con 2024 so you don’t have to
i went to #BSDC2024 (not an htmx con) so you don't have to. here's my own recap of all the talks Every talk is available to watch at: https://bigskydevcon.com1:26 - T...
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 received HX-Trigger-Af...
Htmx response headers: HX-Reselect
{ "HX-Reselect": "#one-div-inside-html" }
Is optimistic UI the "final boss" of htmx? (and livewire, unpoly, liveview, hotwire, etc)
This episode explores what an optimistic ui might look like in htmx. Also: is it what we want to do? Is it even possible? Or is it incompatible with the idea of having...
Htmx response headers: HX-Retarget
{ "HX-Retarget": "#my-special-target" }
Htmx response headers: HX-Reswap
Override your "hx-swap=" attribute. Correct your hx-swap mistake! Do it now!!!
Htmx response headers: HX-Refresh
{ "HX-Refresh": "true" }
Htmx response headers: HX-Push-Url and HX-Replace-Url
Decide from your server side what url the user sees! https://htmx.org/headers/hx-push-url
A conversation with Tom from Reddit: Building production apps using htmx
Speaking with a prolific developer who recently switched from React to htmx
Htmx response headers: HX-Location and HX-Redirect
Redirect your users to a new page from your back-end server in SPA-mode (no refresh for them) https://htmx.org/headers/hx-location/
Htmx request headers: HX-History-Restore-Request
This header is to make sure your system loads the full page when 1) You are suing hx-push-url to work with the url bar 2) Users click the back button. 3) The full page...
Htmx request headers: Hx-Current-URL
The htmx request header that tells you EXACTLY where the user is making the request from The full url string with all ids and params
Stop taking shortcuts
A case for taking the extra steps. It's a good thing
Htmx request headers: HX-Prompt
hx-prompt="what's your favorite size turtle?" Request Headers: Hx-Prompt: small
Htmx request headers: Hx-Boosted
How can your server tell if its a regular link click or an hx-boost SPA-mode link click?? I'll tell you everything about it in these 5 minutes!
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...
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 from example of format: Request Headers: Hx-Trigger:...
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.andrewrhya...
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...