-
Notifications
You must be signed in to change notification settings - Fork 0
〈/〉 htm𝔁
Ben Forbes Griffith edited this page Dec 20, 2023
·
1 revision
htmx
grants access to AJAX, CSS Transitions, WebSockets and Server-Sent Events directly in HTML, using attributes to facilitate modern user interfaces with the simplicity&power of hypertext…
-
htmx
is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible, and with reduced codebase sizes by 67% when compared withReact ⚛
Pattern | Description |
---|---|
Click To Edit | Demonstrates inline editing of a data object |
Bulk Update | Demonstrates bulk updating of multiple rows of data |
Click To Load | Demonstrates clicking to load more rows in a table |
Delete Row | Demonstrates row deletion in a table |
Edit Row | Demonstrates how to edit rows in a table |
Lazy Loading | Demonstrates how to lazy load content |
Inline Validation | Demonstrates how to do inline field validation |
Infinite Scroll | Demonstrates infinite scrolling of a page |
Active Search | Demonstrates the active search box pattern |
Progress Bar | Demonstrates a job-runner like progress bar |
Value Select | Demonstrates making the values of a select dependent on another select |
Animations | Demonstrates various animation techniques |
File Upload | Demonstrates how to upload a file via ajax with a progress bar |
Preserving File Inputs after Form Errors | Demonstrates how to preserve file inputs after form errors |
Dialogs - Browser | Demonstrates the prompt and confirm dialogs |
Dialogs - UIKit | Demonstrates modal dialogs using UIKit |
Dialogs - Bootstrap | Demonstrates modal dialogs using Bootstrap |
Dialogs - Custom | Demonstrates modal dialogs from scratch |
Tabs (Using HATEOAS) | Demonstrates how to display and select tabs using HATEOAS principles |
Tabs (Using Hyperscript) | Demonstrates how to display and select tabs using Hyperscript |
Keyboard Shortcuts | Demonstrates how to create keyboard shortcuts for htmx enabled elements |
Sortable | Demonstrates how to use htmx with the Sortable.js plugin to implement drag-and-drop reordering |
Updating Other Content | Demonstrates how to update content beyond just the target elements |
Confirm | Demonstrates how to implement a custom confirmation dialog with htmx |
This 📒
“documentum 📜 fragmenta”
🧩Wiki
offers supplemental guidance&documentation regarding some of what this project has to offer in terms of substantive code examples — in addition to assorted other hopefully useful or insightful references, tips, or otherwise informative snippets which in some way pertain to the craft of web‑development…
CODE published in this repository is completely FREE&unencumbered software released into the public domain 🔗