hx-pod

If you can make it to Big Sky, do it

Ok fine there's some cool stuff in there

Positive vibes > negative vibes
+v > -v

https://x.com/ibuildthecloud

https://x.com/all__hype/status/2057479040475259385

hypeapps.dev

Share your ideas, follow the build!

Primer @ JSCONF 2010 
https://www.youtube.com/watch?v=wHlyLEPtL9o

An htmx interview with Makinde Adeagbo
https://htmx.org/essays/interviews/makinde-adeagbo/

This is the lost promo for the full 3-part Hypermedia Wars series
Episode 1: Inflection 2010
Episode 2: Virtual DOMination
Episode 3: Hypermedia Strikes Back

The word software devs know in their soul but not in their vocabulary

What does AI mean for the future of Hypermedia?
1. React takes over in an AI feedback loop?
2. Frameworks don't matter -- back to basics?
3. Full-stack frameworks are everything?

Just some thoughts about preparing 
while you are in a good space to prepare

Tony Ennis joins me to talk about how websites can be built with simplicity and power using new html and browser standards.

================== EPISODE LINKS
Tony on X: https://x.com/tonyennis
Html First: https://html-first.com
Mini JS: https://mini-js.com
Base Styles: https://base-styles.com
Tony's talk at big Sky: https://www.youtube.com/watch?v=aknX6xq8Vfg
Una at Google IO: https://www.youtube.com/watch?v=VTCIStB6y8s

================== CHAPTERS
00:00 Intro to Tony
00:34 Tony's work at Really Good Software
02:17 "My whole thing...

Who are the big names in hypermedia, even if they don't know it?

Obviously: Carson Gross (Htmx, fixi), Delaney Gillilan (Datastar), Alex Petros (HTML triptych), Adam Stepinski (Hyperview)
BUT ALSO: Caleb Porzio, Aaron Francis, Levels io, and DHH??

Embrace the backend
https://www.youtube.com/watch?v=uQO4Xh1gMpY

 with Jon-Michael Hartway

47:16 MY MIND IS BLOWN
Jon-Michael does something pretty crazy here. His entire 3D scene is static HTML. The 3d movement only comes from swapping out the style tag and the CSS!?!???!

===================== BIG SKY DEV CON TALK
Building things for Twitter Clout
https://www.youtube.com/watch?v=yQzpyIXdzcE

===================== 3D GAME
Demo: https://htmx-3d.deastl.com/
Github: https://github.com/DeaSTL/3d-htmx-game

===================== FLAPPY BIRD
Github: https://github.com/DeaSTL/flappybird-htmx 
**** Includes video!

===================== Chapters (From AI)
00:00 Introduction to Jon-Michael Ha...

Direct your different response codes to different places!

Official Docs: https://htmx.org/extensions/response-targets/

Hypecp example: https://hypecp.com/#htmx-response-targets

"We do these things not because they are easy, but because we thought they would be easy."
-Lazarus, on creating conference recaps

=================== CHAPTERS:
00:00 - Intro, Aaron Francis, Primeagen 
01:19 - 01 - Carson Gross - API Design 
04:40 - 02 - Stephanie Gredell - From Human To Bots 
07:04 - 03 - typecraft (Chris Power) - VaaS (Vim as a service) -- How to teach vim to thousands of people with Rails and Go 
10:28 - 04 - Robbie Wagner - HTML is stealing our jobs! 
13:20 - 05 - Warren Buffering - Browsers are for Reads, Native Apps are for W...

Adds pre-loading to your links and hx-get requests for that extra bit of speed.

https://htmx.org/extensions/preload

Examples: 
https://hypecp.com/#htmx-preload

Adds the hx-swap="morph" option.
Let's you do fine-grained swapping and unlocks smooth css transitions between swapped elements.

https://htmx.org/extensions/idiomorph

Examples:
https://hypecp.com/#htmx-idiomorph

Make your transition from htmx 1 to 2 easier with this extension
"Flip the switch slowly"

https://htmx.org/extensions/htmx-1-compat/

Core htmx extension head-support
Add support for modifying, updating, or replacing items in the tag of your page.

Working example:
https://hypecp.com/#htmx-head-support

...and why Laz thinks htmx is here to stay.

A wide-ranging conversation with the creator of the real-time hypermedia framework Datastar Delaney Gillilan.

1.0 launches with a full rewrite, a new website, and a non-profit foundation.

* What is datastar?
* What's different in 1.0?
* Why datastar got rid of all dependencies
* Going bigger and planning for the future
* Web devs can learn a thing or two from game devs
* Is SSE going to have its 'moment'?
* Lazarus on why htmx is here to stay
* Taking on Tailwind CSS (Stellar)<...

         Sending...

Is it ok? Can you make "real" apps without npm?

Original X post:
"we are now at a point that we can ditch build systems for many projects & many people underestimate the amount weight doing so would lift off their burdened shoulders"
- htmx_org
https://x.com/htmx_org/status/1928819921376395580

Chapters:
0:14 What is no-build?
1:35 The X arguments
4:25 Why the build process is (was) good
5:26 Build process in practice
6:31 Got money to burn?
8:25 Do your own thing
9:12 Tailwind CSS and Remix 3 (!!!) are introducing no-build setups<...

I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects.

Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions.

Basecoat UI: https://basecoatui.com/
Basecoat Repo: https://github.com/hunvreus/basecoat
Ronan on X: https://x.com/hunvreus

I ask him how he built it, why he built, and what he has in store for it.

Chapters (from AI)
00:00 Introduction to Basecoat UI
06:51 The Journey of Building Basecoat UI
11:09 Understanding Theming and...

https://grugbrain.dev
read the essay. 
buy the book. 
it's so good

00:00 Intro
01:00 What is the Grug Brained Developer?
06:13 Carson's dev cred
12:12 Web dev is hard!
13:08 The Eternal Enemy: Complexity
17:27 Saying No
19:07 Saying ok
22:28 Factoring Your Code
26:45 Testing
32:56 Agile
35:04 Refactoring
38:42 Chesterton's Fence
41:03 Microservices
45:12 Tools
Type Systems
53:58 Expression Complexity
57:07 DRY
1:00:22 Separation of Concerns (SoC)
1:04:28 Closures
1:07:57 Logging
1:08:14 Concurrency
1:09:44 Optimizing
1:11:31 APIs
1:18:17 Parsing
1:19:44 The Visitor Pattern
1:19:55 Front End Development
1:22:55 Fear Of Looking Du...

Codin' Dirty essay: 
https://htmx.org/essays/codin-dirty/

One of many in the htmx/uncle bob twitter feud:
https://x.com/unclebobmartin/status/1917306604267135311

Answer: Yes. But its different, because htmx is not a framework

Datastar signals let you do front end stuff like alpine & hyperscript

Demo: https://hypecp.com/demos/datastar-signals
Video: https://youtu.be/csPFLpm8OYI
Bad Apple: https://data-star.dev/examples/bad_apple

Is Laz doing too many things at once?

This might be the fastest, easiest way possible to make your dashboard live!
Basically just do polling with an hx-get, hx-select, and an hx-trigger

The visual version of this episode:
https://www.youtube.com/watch?v=NU3FEHJRMEs

Any Back-end. How html is generated doesn’t matterHATEOAS - No virtual DOMNo build step, No Node or npmDon’t care about package size - as long as no dependency chainLoad things as you need them (page and assets) Nothing is faster or more efficient than html

yes my first one was a technical debacle, and that's ok

Universal Studios in Orlando is a master class in efficiency.

Mayples on Twitter: https://x.com/mayples_co

In this episode I talk to Brock Benson, creator of Mayples, a business valuation SaaS. Last year, Brock made the decision to rewrite his large-scale, Live VueJS production app into an htmx app. During this rebuild, Brock went on a journey into the internals of htmx, built his own extensions, embraced _hyperscript, and pushed against the limits of htmx.

Does it scale? What were the pain points? What tricks did he come up? How does it compare with his earlier Vue version of the same app? 

Fixi: https://github.com/bigskysoftware/fixi

Fixi is a new hyper-minimalist javascript library. At less than 4kb, it gives much of the power of similar hypermedia libraries like htmx, with a new stream-lined approach. 

Use attributes like fx-action, fx-method, fx-trigger, and fx-swap to perform ajax requests to work with html from your server.

In this episode Lazarus talks to its creator, Jason Cross.

Chapters (from AI)

00:00 Introduction to Hypermedia Frameworks
02:49 Exploring HTMX and HTMZ
05:58 The Philosophy Behind Fixi
09:03 The Lean Software Approach
11:59 Minimalism in Fixi

Datastar experiment: https://hypecp.com/wave
Youtube: https://www.youtube.com/watch?v=UXPD3LblwVA

datastar fills some gaps in htmx

The 100-year modal
https://hypecp.com/#htmx-hx-essentials-examples

The original tweet with the tweet that breaks your browser:
https://x.com/defnotbeka/status/1878009000161407021

Hypermedia shines when the data on the page gets big

#my-id -> 1 0 0
.my-class -> 0 1 0
button -> 0 0 1
#my-id .my-class -> 1 1 0

id | class | type

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

2 things > 1 thing