2021-12-19 Thisweek Issue N°8: Hyper Media Presence

Daniel, A Tour of myPrayerJournal v3: Conclusion

The thrilling conclusion to the Prayer Journal Pentalogy.

When I say “simplicity,” I am speaking of a lack of complexity, not a naïveté of approach.

Daniel - East TN BTW - I can’t remember who said they weren’t sure about writing about their code publicly. But, whoever you are, in this post I actually talk poorly about my own code. 🙂

Daniel - East TN They can’t talk bad about you if you beat them to it! LOL

Daniel - East TN you can’t X if you don’t Y meme gif

Discord · December 7, 2021, 9:44 PM UTC

If you’ve made anything with htmx/_hyperscript, please share it! It’s lovely to hear from you. 💙


Dave Syer, Client Side Development with Spring Boot Applications, Spring Blog

HTMX is a library that allows you to access modern browser features directly from HTML, rather than using javascript. It is very easy to use and well suited to server-side rendering because it works by replacing sections of the DOM directly from remote responses.

It seems to be well used and appreciated by the Python community.


Arham Jain, Building a simple typing test website using hyperscript

I’m not claiming that hyperscript will replace Javascript, but it is very interesting to use. The strangest thing about this project was that I found it slightly more difficult to write code, but much easier to read my code back.

What we believe in. 💙


htmx on JavaScript Jabber podcast

JavaScript Jabber @JSJabber

Check out this week’s episode of #JavaScriptJabber with Carson Gross @htmx_org. Come to know all about the pros and functions of HTMX and InterCooler.

#JSJ: HTMX and InterCooler

< https://rfr.bz/t3i5x11 > < https://rfr.bz/t3i5x11 >

Twitter · December 14, 2021, 11:42 PM UTC


_hyperscript on devMode.fm podcast

devMode.fm podcast @devmodefm

🎙 devMode podcast episode 123: “Hype for Hyperscript” 🌟

@gaijinity & guest host @ben_pylo talk with @htmx_org & @DenizAksimsek about their web scripting language Hyperscript & why the world really does need another scripting language! #webdev #frontend

Twitter · December 14, 2021, 2:51 PM UTC


The new _hyperscript Cheatsheet

Keeping all the features of event listeners, ways of finding elements, the intricacies of variable scopes and the syntax of every single command just a glance away — the _hyperscript cheatsheet!


Fubarrr ↪ Re. CapnKernel That’s awesome! You’re awesome! Awww, shucks, thanks! Yes, I do indeed take full credit for the fact that there now exists a probably 90% complete Hyperscript Cheatsheet 😎.

I mean, do you know how hard it is to create a whole Google doc from scratch, complete with title and single “TBC” line… and remembering (aka googling) how to share it so anyone can edit it?! To be fair, I guess a little credit should go to @Deniz Akşimşek for his very small contribution (although I did find it a bit cheeky of him tbh 🙄) of replacing my “TBC” line with 2 pages of actual cheatsheet content.

Still, much like Edison is remembered for inventing the lightbulb, I shall go down in the annals of history as The Creator of The Hyperscript Cheatsheet ™

Discord · December 13, 2021, 3:02 AM UTC


Avoid listening to htmx:load when you have big responses

Fubarrr Btw… remember that thing I said before about htmx swapping faster than intercooler? For some reason, if I’m swapping a bunch of <option> elements into about 15 selects with htmx… the browser freezes for several seconds

December 16, 2021, 6:21 PM UTC

Fubarrr Ok folks, so after @1cg and @Deniz Akşimşek had a look at the profiling… turns out that it’s our codebase that’s to blame for that crazy 7.2 s scripting time on page load ☝️ , NOT htmx 😁 🤦‍♂️

Deniz Akşimşek new htmx best practice just dropped: avoid htmx:load for responses containing large numbers of elements

Discord · December 16, 2021, 4:52 PM UTC - https://discordapp.com/channels/725789699527933952/796428329531605032/921082469103583285

How to submit an htmx form using JavaScript ?

TL;DR: Use form.requestSubmit() instead of form.submit().

Deniz Akşimşek anyone who had trouble submitting an htmx form with JS: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit

Discord · December 16, 2021, 8:46 AM UTC - https://discordapp.com/channels/725789699527933952/725789747212976259/920960095662276618