Effortless Copy to Clipboard Building a Seamless Hyperscript Button
scratch your head for some examples about copy to clipboard button? here is one uses hyperscript to achieve that.
#hyperscript #htmx #flask #html #html5 @htmlallthethings
@html
@vanillaweb
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
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.
https://hyperscript.org/posts/2025-02-01-hyperscript-0.9.14-is-released/
hyperscript 0.9.14 release; the first release candidate of hyperscript 1.0.
I sat down with Lazarus @all__hype to discuss the real-time chat application that he built, PHP quirks, and getting to grips with Datastar.
(Also available on the podcast players.)
#datastar #php #hyperscript #pubsub
https://youtu.be/DTURjpV2ZHQ
What happened when we injected nitrous into the engine, DOM morphing strategies, pub/sub messaging systems and NATS.
#datastar #dom #hyperscript #nats
https://youtu.be/zu92P9wyUfI
It's kind of funny that this works. Especially Hyperscript feels like a WTF toy language and yet it's quite handy. #htmx #hyperscript
#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.
Карсон Гросс, создатель 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
#webdev #unmodern #CSS #HTML #Htmx #hyperscript #surreal #
- https://unmodernweb.com/
- https://unmodernweb.com/projects
Modern web development is a mess of frameworks, preprocessors, and microservices but it doesn't have to be.
We can rethink our processes, go back to our roots, and create the Unmodern Web.
The idea behind the Unmodern Web is to create and use modern tools alongside the philosophy and mindset of the early web.
Rather than follow the current modern philosophies of web design, such as heavy JavaScript frameworks and single-page applications, unmodern websites strive for simplicity and straightforwardness by working alongside the way the web was originally designed.
🌗 使用 Hyperscript 改進現代網頁前端
➤ 現代前端開發的利器
✤ https://hyperscript.org/
使用 Hyperscript 可以使現代網頁前端開發更易於理解，尤其能增強 HTML 的 DOM、事件和異步特性，讓互動 HTML 編寫變得更加輕鬆。
+ 這篇摘要很清楚明瞭，讓人對 Hyperscript 有更深入的瞭解。
+ 現代網頁開發中這種高效率的工具真的很重要，值得一試。
#Hyperscript
Костыли из 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/
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
Just finished writing an article on, why I decided to go with #alpinejs over #hyperscript or just plain script tags with rsjs. Big thanks to the writers of (Hypermedia Systems) hypermedia.systems It helped fill some gaps in my understanding of hypermedia and use of #htmx
If you wish to receive it, you can subscribe to my newsletter here:
https://buff.ly/3Hq2RgQ
@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!
@appliedgo pure go with #htmx and #hyperscript !
