Building hypecp.com - 01 - Public suggestions
New season of building in public! Want to upvote or downvote people's suggestions?

New season of building in public! Want to upvote or downvote people's suggestions?
The exceptionally prolific R. Mark Volkmann talks about his book "Server-Driven Web Apps with htmx", along with his approach to learning, writing, teaching, hx-swapping, and much more! The book: https://pragprog.com/titles/mvhtmx/server-driven-web-apps-with-htmx/ A talk on htmx: https://www.youtube.com/watch?v=U3CYrD2ry-U A blog on EVERYTHING: https://mvolkmann.github.io/blog/topics/ The Notes directory: https://github.com/mvolkmann/MyUnixEnv/tree/master/notes
Adam Stepinski, creator of Hyperview and co-author of Hypermedia Systems, explains how and why developed Hyperview. Hyperview lets you create a shell for your iOS/Android app, then populate it using XML and hypermedia, htmx-style inspired concepts. Hyperview is extensible, so you can find or build your own plugins. Links discussed: Website: https://hyperview.org Hyperview Github Repo (best place to ask questions): https://github.com/instawork/hyperview Discussion about client-side validation: ht...
Lazarus is joined by guest Lazarus to talk about his new project, hypecp.com, which bears a striking resemblance to his old project, htmxlabs.com
Eric Harrison, MakeStartups Original twitter post: https://twitter.com/blister/status/1752357600547545356 For-Profit: https://makestartups.com Non-Profit (school): https://makestartups.org Personal website: https://ericharrison.info
Home site: https://alexanderpetros.com/ Utah JS talk (100 year web service): https://www.youtube.com/watch?v=lASLZ9TgXyc Big Sky Dev Con Talk (Life and Death of Htmx): https://www.youtube.com/watch?v=1g5ruM-16_Y&t=2684s Triptych Proposals: https://alexanderpetros.com/triptych/ Blog: https://unplannedobsolescence.com/
Tanner Bass claims to speak on behalf of the CEOS
Got a problem? Tell me all about it at https://htmxlabs.com
Lucas Pires of CheckSec on when to use htmx and django -- and when NOT too Links: PyCon PT 23 | Building advanced back-office interfaces using Django & HTMX https://www.youtube.com/watch?v=hdLWZQb8pkE
Ok, so different build (no Node js, no npm, no yarn) https://tailwindcss.com/blog/standalone-cli
Sahil's tweet: https://x.com/shl/status/1839686512767627310 Where is our ShadCN? Where is our Flux UI? Where is our Tailwind UI?
Hypermedia contrained by ajax and network calls? No way -- Delaney is here to expand your mind with 60fps hypermedia streaming to your browser! Data Star: https://data-star.dev Grugs around the Fire: https://data-star.dev/essays/grugs_around_fire
John is ready to build something real. What if it went straight into production as a dashboard widget?
See what I'm talking about: https://x.com/htmxlabs/status/1831510008946708959 Shoutout to reddit user Thoram https://www.reddit.com/r/htmx/comments/125gha4/prevent_scrolling_on_hxboost/
My father in law runs his business using a CAD app running on a floppy disk. No, I'm not kidding
Ben Croker is building Sprig for CraftCMS, a reactive framework for CraftCMS built using htmx. As one of the top contributors to htmx, Ben also shares his tips on contributing to open source. Sprig Cookbook: https://putyourlightson.com/sprig/cookbook Ben on Twitter: https://x.com/ben_pylo Craft CMS: https://craftcms.com http://devMode.fm Ben Croker + Carson Gross podcast episode: https://devmode.fm/episodes/dynamic-html-with-htmx...
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 junior devs
Practice over theory. hx-swap-oob. optimistic uis. the secret to making memes
<dialog> tag is great https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
Ignorance is bliss
John says what's up with marketing for small businesses Youtube: https://www.youtube.com/watch?v=S7BX2ocn7XM
What's an efficient/great way to add modals using htmx?
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=LQfKmpx7QZ8
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.
"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 ...
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.com 1:26 - The htmx guide to gonzo open source marketing by Carson Gross 8:23 - The Life & Death of HTMX by Alex Petros 13:29 - Hypermedia Middleware: Introducing Walrus by Ben Damman 17:14 - htmx sucks and now you're gonna hear about it (Mind the Gap) by Ryan Florence 23:27 - Abusing Hypermedia by Nathaniel Maile & Jon-Michael Hartway...
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-After-Swap - after new html is swapped in HX-Trigger-After-Settle - after new html is settled and processed by browser single event HX-Trigger:event multiple events HX-Trigger:event1, event2 single event with value HX-Trigger:{“event1”:”event 1 message”} single events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”val...
{ "HX-Reselect": "#one-div-inside-html" }
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 the dom as the true application state? Original tweet: https://x.com/noahflk/status/1795758603577545035 DHH responses: https://x.com/dhh/status/1796163806650868149 Htmx guy responses: https://x.com/htmx_org/status/1796182554883539236
{ "HX-Retarget": "#my-special-target" }