#hyperscript — Public Fediverse posts

@jonyoder I'm finding the following really quick and economical to work with:
1) #HTMX and #Hyperscript in the client,
2) #Kotlin in the server, generating all client code dynamically using an HTMX #DSL.
Wih this rig I can easily generate either page-by-page code or an #SPA.
Only a few lines of hand-crafted Javascript needed for special cases.
(#HobbyCoding)

@jonyoder I'm finding the following really quick and economical to work with:
1) #HTMX and #Hyperscript in the client,
2) #Kotlin in the server, generating all client code dynamically using an HTMX #DSL.
Wih this rig I can easily generate either page-by-page code or an #SPA.
Only a few lines of hand-crafted Javascript needed for special cases.
(#HobbyCoding)

Hypermedia coping mechanisms.

Step 1: Implement interactivity through HTMX.

Feel proud that you didn't have to write JavaScript.

Step2: Re-implement the entire routine using Hyperscript.

Feel proud that you didn't have to write JavaScript.

#hypermedia #htmx #hyperscript

6 new chapters are out for the “ #ASPNET Core Reimagined with #htmx” book!

#Hyperscript for smarter UI logic

Navigation with hx-push-url and hx-replace-url

Forms and modal forms that work

Tabs and accordions made simple

Dynamic lists and tables

Buttons and action links done right

https://aspnet-htmx.com/

6 new chapters are out for the “ #ASPNET Core Reimagined with #htmx” book!

#Hyperscript for smarter UI logic

Navigation with hx-push-url and hx-replace-url

Forms and modal forms that work

Tabs and accordions made simple

Dynamic lists and tables

Buttons and action links done right

https://aspnet-htmx.com/

HTMX and Hyperscript has made web development fun again for me. Wanted to refactor the JSON input for countries, plan id etc. with select fields and validation in https://openpaymenthost.com (FOSS payments host); I got it done without React or having to write JavaScript.

Thanks to u/Trick_Ad_3234 on r/htmx for improving my hyperscript.

#htmx #hyperscript #buildinpublic #programming

HTMX and Hyperscript has made web development fun again for me. Wanted to refactor the JSON input for countries, plan id etc. with select fields and validation in https://openpaymenthost.com (FOSS payments host); I got it done without React or having to write JavaScript.

Thanks to u/Trick_Ad_3234 on r/htmx for improving my hyperscript.

#htmx #hyperscript #buildinpublic #programming

#GetFediHired: I am an #htmx and #hyperscript co-maintainer, as well as the creator of missing.css and a co-author of hypermedia.systems.

I am competent in both #frontend and #backend development, though more competitive in the former thanks to my strong knowledge of Web standards. I'm comfortable with most programming languages, though #javascript and #typescript would be my preference, Python being a close second.

CV: https://cloud.dz4k.dev/s/fqfLSo4FKibzp64

#GetFediHired: I am an #htmx and #hyperscript co-maintainer, as well as the creator of missing.css and a co-author of hypermedia.systems.

I am competent in both #frontend and #backend development, though more competitive in the former thanks to my strong knowledge of Web standards. I'm comfortable with most programming languages, though #javascript and #typescript would be my preference, Python being a close second.

CV: https://cloud.dz4k.dev/s/fqfLSo4FKibzp64

Карсон Гросс, создатель HTMX

Карсон Гросс (Carson Gross) — профессор информатики из Монтаны, который неожиданно стал одним из самых ярких персонажей в индустрии веб-программирования последних лет. Он автор языка HyperScript и популярной библиотеки для фронтенда HTMX , позволяющей создавать сложные интерактивные сайты средствами HTML. Красивая альтернатива клиентскому рендерингу на JavaScript решает сразу несколько проблем современного веба, связанных с избыточной сложностью разработки и поддержки, производительностью и ожирением сайтов. Создавать сайты очень просто, тот же Хабр написал один программист , а не команда из сотен разработчиков и девопсов, как сейчас принято нанимать в интернет-компании. Многие веб-разработчики нашего времени выросли со знанием только одностраничных приложений SPA и фреймворков для них. Они начали свои карьеры с приложений на React.js, которые общаются с сервером Node через JSON API. Это настоящая трагедия, считает Гросс. Интерактивные приложения можно делать совершенно иначе.

https://habr.com/ru/companies/ruvds/articles/814193/

#ruvds_статьи #Карсон_Гросс #htmx #Hyperscript #груг #гипермедицные_системы #Рой_Филдинг #REST #RESTful #JSON #HypermediaDriven_Applications #HDA #SPA #React #UI #API #усталость_от_JavaScript #фронтенд #HyperTalk #HyperCard #HTMX 2 #веб_20 #Ajax

@ashleycollinge you can't beat #React for marketability. #Vue and #Lit will require you to level up your knowledge of the browser platform. #htmx and #HyperScript is probably the closest to Python that I've seen, at the cost of not being particularly like anything else

@ashleycollinge you can't beat #React for marketability. #Vue and #Lit will require you to level up your knowledge of the browser platform. #htmx and #HyperScript is probably the closest to Python that I've seen, at the cost of not being particularly like anything else

Костыли из 90-х и принцип HTML First

Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML. На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML First .

https://habr.com/ru/companies/ruvds/articles/793680/

#ruvds_статьи #HTML #CSS #JS #JSSS #костыли #Netscape_Navigator #PWA #SVG #GSAP #Svija_Vibe #HTML_First #React #чистый_код #WASM #WebAssembly #Tailwind #Tachyons #hyperscript #Alpine

TIL about #hyperscript, a mini language meant to be used in conjunction with #htmx to chain together multiple actions. e.g. a modal that displays and then fetches its contents

my sense is that you should avoid using it. but when you need it, it’s very readable and easy to reason about
https://hyperscript.org/

TIL about #hyperscript, a mini language meant to be used in conjunction with #htmx to chain together multiple actions. e.g. a modal that displays and then fetches its contents

my sense is that you should avoid using it. but when you need it, it’s very readable and easy to reason about
https://hyperscript.org/

Here are some of my reasons to switch to #alpinejs for my #htmx apps. Apologies to all 256 CEO's over at #htmx hq 😅 for not choosing #hyperscript

https://www.seagin.me/2024/alpine-js

@blainsmith I was planning to comment that this feels right in line with the philosophy of the #htmx project, and then I saw your snippet of #hyperscript. Kudos!

@blainsmith I was planning to comment that this feels right in line with the philosophy of the #htmx project, and then I saw your snippet of #hyperscript. Kudos!

The maintainer of #htmx is a too-on-twitter meme-lord. I give him shit for it, but it does look like he's having a good time, so I can't say I wouldn't be the same way if you gave me a modicum of fame.

#webDev #hyperscript #hypertext #javaScript #webrings

The maintainer of #htmx is a too-on-twitter meme-lord. I give him shit for it, but it does look like he's having a good time, so I can't say I wouldn't be the same way if you gave me a modicum of fame.

#webDev #hyperscript #hypertext #javaScript #webrings

Found hyperscript programming language. Instead of going to sleep (it's about 2 a.m. in my timezone), I am reading its documentation. That's really weird. But also really nice and interesting :)

https://hyperscript.org/

--
#dev #webdev #hyperscript #js #javascript #smalltalk #hypertalk #hypercard

Found hyperscript programming language. Instead of going to sleep (it's about 2 a.m. in my timezone), I am reading its documentation. That's really weird. But also really nice and interesting :)

https://hyperscript.org/

--
#dev #webdev #hyperscript #js #javascript #smalltalk #hypertalk #hypercard

The last couple of months I've been working on a little #rss reader that doubles as a (read-only) #mastodon client. The UI is closer to a Mastodon/Twitter feed than an email inbox.

I'm still experimenting with it, and it's missing a bunch of basic stuff, but I did add some cool features already, like an embedded reader mode and a send to #kindle button.

It uses #python #flask for the backend and #htmx #hyperscript #bulma for the UI.

https://github.com/facundoolano/feedi

The last couple of months I've been working on a little #rss reader that doubles as a (read-only) #mastodon client. The UI is closer to a Mastodon/Twitter feed than an email inbox.

I'm still experimenting with it, and it's missing a bunch of basic stuff, but I did add some cool features already, like an embedded reader mode and a send to #kindle button.

It uses #python #flask for the backend and #htmx #hyperscript #bulma for the UI.

https://github.com/facundoolano/feedi

As much as I dig #htmx, I just can't get with #hyperscript

There's WAY too much going on in this DSL

https://hyperscript.org/

#webDev #webDevelopment #hypermedia #html #dom #web

As much as I dig #htmx, I just can't get with #hyperscript

There's WAY too much going on in this DSL

https://hyperscript.org/

#webDev #webDevelopment #hypermedia #html #dom #web

I'm amazed by the amount of stuff you can pull of with #htmx and #hyperscript. I just hacked a keyboard-friendly autocomplete/combobox without a single line of #javascript

I'm amazed by the amount of stuff you can pull of with #htmx and #hyperscript. I just hacked a keyboard-friendly autocomplete/combobox without a single line of #javascript

I've been following the not-so-recent trend towards web content that is simple and lightweight. Frameworks like #HTMX and #Hyperscript have been very interesting to look into. Protocols like #Gemini are also fascinating. Might mess around and make something...

@josephguillaume regarding #hyperscript I like the focus on events and the concise, readable syntax. You won't build large client side apps with it, but this is not what it is meant for

@josephguillaume regarding #hyperscript I like the focus on events and the concise, readable syntax. You won't build large client side apps with it, but this is not what it is meant for

I experimented a bit with #htmx and #hyperscript lately and I must say, I am hooked.

I experimented a bit with #htmx and #hyperscript lately and I must say, I am hooked.

Fair criticism, but please consider the audience for the #HTMX website: developers who are trying to learn a new stack, and need to get to the heart of the JavaScript changes (vs. Vue, React, etc). There are a million other “best practices” that the site omits as well. But please don’t confuse an intentional omission in THE WEBSITE with a fundamental weakness THE LIBRARY. With some custom extensions and #hyperscript behaviors, htmx has made my accessibility work even easier. @aardrian

Fair criticism, but please consider the audience for the #HTMX website: developers who are trying to learn a new stack, and need to get to the heart of the JavaScript changes (vs. Vue, React, etc). There are a million other “best practices” that the site omits as well. But please don’t confuse an intentional omission in THE WEBSITE with a fundamental weakness THE LIBRARY. With some custom extensions and #hyperscript behaviors, htmx has made my accessibility work even easier. @aardrian

Thank you. That's good to know. I'm not at all an a11y expert (not even close) so your real-world experience is super valuable. Do you have a recommendation on the best way to start testing this with an actual app? I'd love to test #Emissary against the most problematic browser/screen-reader combinations to see how this works.

Sometimes, we need to pull in some Javascript (or #Hyperscript) to fulfill sophisticated requirements.

@patrick_h_lauke @wmtalcott @sil

Thank you. That's good to know. I'm not at all an a11y expert (not even close) so your real-world experience is super valuable. Do you have a recommendation on the best way to start testing this with an actual app? I'd love to test #Emissary against the most problematic browser/screen-reader combinations to see how this works.

Sometimes, we need to pull in some Javascript (or #Hyperscript) to fulfill sophisticated requirements.

@patrick_h_lauke @wmtalcott @sil

@danjac Typescript wasn’t even a thing yet when I got into CoffeeScript. I never cared much for the indentation thing Python does, but with CS I liked it a lot more than writing regular JavaScript.

I’ve used it in conjunction with Backbone.js and later with Marionette.js. But I’m happy I’ve left SPA behind. I’m back to doing it old school again but this time with #htmx and some #hyperscript for interactivity.

Look at that! My little query builder is starting to look like something :-).

It's integrated inside a form as a widget that uses #htmx for rendering the updates and a little bit of #Hyperscript. Will also add a preview of the dataset the query will generate.

@Perl #perl

Turns out Hash::Flatten can work just fine with leaving out inputs causing it to undef instead. Had to adjust my fieldset grouping algorithm to fix the rendering. This is great, because now I can delete a filter or an entire block of filters.

No #javascript! Well, sort of, I'm using #hyperscript :-).

This PoC is done now. Next step is to change the inputs for fieldname and comparators to a select-list prefilled with preselected fields. Can finally start integrating this beauty

@Perl #perl

Hmmm, what to do? I'm refactoring a webapp of mine kicking out all the old frontend stuff, but aim to keep the build tooling to a minimal. Will be going with #Tailwindcss, so that requires Node (which is fine).

But for the #javascript parts, which will be libraries such as #htmx and #hyperscript, but also #chartjs and some others. Will I add #ESBuild to handle this, use unpkg (don't want to depend on a CDN) or manually download and link in my project?

Excellent talk on #htmx and #hypermedia by the creator of htmx. At the end of it he also talks a little bit about #hyperscript.

https://youtu.be/LRrrxQXWdhI

@leobm I've been using a bit of #hyperscript and have used a tiny bit of #alpinejs as well. It seems _hyperscript integrates a bit better with htmx, but Alpine works as well.

@leobm Indeed! I'm still not decided on using #alpinejs or #hyperscript. Both very interesting!

Yes, #htmx is a #JavaScript library but it shouldn't be. It should be part of the #HTML spec.

To come back to my initial post (I should've made this a blog post, but need to setup a new blog :-)): after almost 10 years I'm ready to refactor my webapp. I'll be replacing the frontend with plain #HTML, powered by #htmx. For some parts of interactivity I think I'll be using either #AlpineJS or #hyperscript. And to make it look pretty again this time I'll use #TailwindCSS which really surprised me.