Jezza™@threads.com (Official) on Nostr: So interesting webdev whatnot crossed my path today. First, a resurrection of ...
So interesting webdev whatnot crossed my path today.
First, a resurrection of hypertalk, browserized:
https://hyperscript.org/on pointerdown
repeat until event pointerup
set rand to Math.random() * 255
transition
*background-color
to `hsl($rand 100% 90%)`
over 250ms
end
Secondly, HTMX
https://htmx.org/docs/<button hx-post="/clicked"
hx-trigger="click"
hx-target="#parent-div"
hx-swap="outerHTML"
>
Click Me!
</button>
Published at
2023-10-06 18:48:52Event JSON
{
"id": "46d8b7c3b0b3dfa15476e14b3c7fb17b462402a8eb10c5a3ac17ffa0100df607",
"pubkey": "10c85dc1ece5403a20462881a5aa04e2d8e99cdeef481ba18063135ab82a1f1b",
"created_at": 1696618132,
"kind": 1,
"tags": [
[
"t",
"parent"
],
[
"proxy",
"https://noagendasocial.com/users/jeremiah/statuses/111189565941289091",
"activitypub"
]
],
"content": "So interesting webdev whatnot crossed my path today.\n\nFirst, a resurrection of hypertalk, browserized:\nhttps://hyperscript.org/\n\non pointerdown\n repeat until event pointerup\n set rand to Math.random() * 255\n transition\n *background-color\n to `hsl($rand 100% 90%)`\n over 250ms\n end\n\nSecondly, HTMX\nhttps://htmx.org/docs/\n\n\u003cbutton hx-post=\"/clicked\"\n hx-trigger=\"click\"\n hx-target=\"#parent-div\"\n hx-swap=\"outerHTML\"\n\u003e\n Click Me!\n\u003c/button\u003e",
"sig": "a10e2b17538a280f265f33a253e1c196e638a22d2f73d3513bef0cc8779837ce7e64731dd6d612e646eac090fac5044f34ba07d4a3fbeda0f8685da6171e2148"
}