Introduction, essays
HTMX
(high power tools for HTML, htmx is the successor to intercooler.js)
¶
-
HTMX
news
- 2024
-
2023
- 2023-12
- 2023-11
- 2023-09
- 2023-07
-
2023-06
- 2023-06-21 Have we come full circle on Web development ? by Thomas Eizinger
- 2023-06-13 10 Tips For Building SSR/HDA applications
- 2023-06-10 I pushed the first version of the django-template-partials package I talked about @djangoconeurope. 🚀 #django #htmx
- 2023-06-08 very excited to see @carltongibson applying the idea of “Locality of Behavior” to other aspects of Django development !
- 2033-06-05 We just released https://squidler.io/ which is built with HTMX ❤️
-
2023-05
- 2023-05-23 I personally developed a tool called hyperleaflet
- 2023-05-23 Hypermedia On Whatever you’d Like (HOWL)
- 2023-05-18 And got something working (simple chatrooms app): It uses the HTMX SSE extension #django #htmx #postgresql
- 2023-05-18 I would like to give a shout out to the YouTube channel BugBytes #django #htmx
- 2023-05-13 just learned about Django Requests Tracker, which uses some htmx under the hood #Python #Django #htmx
- Other news
- 2023-04
- 2023-03
- 2022
-
2021
- 2021-12
- 2021-11
-
2021-10
- 2021-10-31
- 2021-10-25
- 2021-10-24
-
2021 DjangoCon US Talks Friday, October 22
- Talks: Friday, 2021 October 22 REST, HATEOAS & Django - It’s OK to not use JSON… or Javascript by Carson Gross (https://fediverse.org/htmx_org)
- Talks: 2021 Friday, October 22 HTMX: Frontend Revolution by Thomas Güttler (https://fediverse.org/guettli)
- Talks: 2021 Friday, October 22 Server-Side is Dead! Long Live Server-Side (+ HTMX) by Jack Linke (https://fediverse.org/JackDLinke)
- 2021-10-18
- 2021-10-17
- 2021-10-16
- 2021-10-15
- 2021-10-14
- 2021-10-05
- 2021-09
- 2021-07
- 2021-06
- 2021-04
- 2020
- 2016
- 2012
- 1991
- This week in htmx by Deniz Akşimşek
- HTMX definition
- htmx people
- HTMX essays
- HTMX philosophy
- HTMX docs (AJAX, CSS transitions)
-
HTMX
reference
-
HTMX reference attributes
- HTMX hx-boost allows you to “boost” normal anchors and form tags to use AJAX instead
- HTMX hx-delete attribute (will cause an element to issue a DELETE to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-disinherit attribute (allows you to control the automatic attribute inheritance)
- HTMX hx-get attribute (will cause an element to issue a GET to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx_headers attribute (allows you to add to the headers that will be submitted with an AJAX request)
- HTMX hx-include attribute (allows you to include additional element values in an AJAX request)
- HTMX hx-post attribute (will cause an element to issue a POST to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-put attribute (will cause an element to issue a PUT to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-patch attribute (will cause an element to issue a PATCH to the specified URL and swap the HTML into the DOM using a swap strategy)
- HTMX hx-params attribute (allows you to filter the parameters that will be submitted with an AJAX request)
- HTMX hx-request allows you to configure various aspects of the request via the following attributes
- HTMX hx-sync attribute (allows you to specify how the response will be swapped in relative to the target of an AJAX request)
- HTMX hx-trigger attribute (allows you to specify what triggers an AJAX request)
- HTMX hx-confirm allows you to confirm an action before issuing a request
- HTMX hx-swap attribute (allows you to specify how the response will be swapped in relative to the target of an AJAX request)
- HTMX hx-swap-oob allows you to specify that some content in a response should be swapped into the DOM somewhere other than the target, that is “Out of Band”
- HTMX hx-target attribute (allows you to target a different element for swapping than the one issuing the AJAX request)
- HTMX hx-select attribute allows you to select the content you want swapped from a response
- HTMX HX-Redirect can be used to do a client-side redirect to a new location
- HTMX hx-indicator attribute (allows you to specify the element that will have the htmx-request class added to it for the duration of the request)
- HTMX hx-ext attribute (enables an htmx extension for an element and all its children)
- HTMX JS reference api
- HTMX events
- src/htmx.js
-
HTMX reference attributes
- HTMX extensions
- HTMX examples
- HTMX Tips
-
HTMX FAQ
- I have a question about hyperscript and htmx
- htmx and alpinejs
- What are the core philosophical differences between @htmx_org and @unpolyjs ?
- Does someone have an example of using Django forms and htmx ?
- Does htmx support JSON POST/PUT commands ?
- When using htmx-boost is there a way to designate elements that should be ignored ?
- Htmx tutorials
- HTMX versions
Backends
-
Backends applications (Django, FastAPI…)
- htmx server examples
-
Django with HTMX
- Django HTMX FAQ
- A web app to help a restaurant keep track of its inventory throughout the day. Capstone project for Codecademy Django course
- django-boilerplate**A Minimalistic Modern Django Boilerplate
- Django-htmx (Build Eight Modern Single Page Applications. No complicated JS frameworks necessary)
- Django-htmx Test demo to show how to integrate django with htmx
- django-htmx-modal-popup-loveliness django htmx modal popup loveliness
- htmx-django by Jonathan Adly
- django-htmx-modal-form Toasts with Django+HTMX
- django-htmx-toats Toasts with Django+HTMX
- Django-htmx-rest
- django-check-html-middleware
- Ajax-Enabled Checkbox and Select with Django and HTMX by @JackDLinke
- Django HTMX examples
- HTMX, Django list_editable, and ManyToMany relationships in Django Admin by @heysamtexas
- django-htmx-todo-list Quick example of a todo list application using Django and HTMX
- django-htmx-fun A small Django application to advertise the fun htmx can bring you
- How To Use Htmx In Django by @mblayman
- owela-club Play the Namibian game of Owela against a terrible AI. Built using Django and htmx
- Django, HTMX and Alpine.js: Modern websites, JavaScript optional by saaspegasus
- FastAPI with HTMX
- Flask with HTMX
- Haskell definition
Front end
intercooler the htmx ancestor