#hyperscript — Public Fediverse posts

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/

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

Карсон Гросс, создатель 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

Костыли из 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

Костыли из 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

Костыли из 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/

@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

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

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'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

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

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

@[email protected] 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.

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?

If you like(d) #HyperTalk, the scripting language used on Apple's #HyperCard, #hyperscript is almost the same thing for the web: https://hyperscript.org/