https://htmx.org logo
Powered by
# htmx-general
  • m
  • m
    cool little site that uses htmx apparently, and there is an htmx logo
  • m
    And hyperscript! for the copy button
  • g
    it includes both alpine and hyperscript, which is odd
  • f
    Hi! I'm the creator of drwn.io 👋 thanks for noticing the site! There may be some rough edges that I still need to polish, but it's mostly done
  • f
    It's also running alpine because I found it easier to do some transitions than with HTMX, I've been trying to remove it completely, though. I'm using tailwind css, and their docs are written for Vue/React/Alpine, so I found it easier to just copy/past at first and then work on implementing the same with just HTMX
  • g
    Howdy @User - that's some great work you did! Do you think you could share some of the kinds of animations that are easier to do with Alpine? You know.. for science 😄
  • g
    Or, is it just an issue of translating things from one library into another? Because I know that takes up valuable time, too.
  • f
    There are a few other "hidden gems" that are only possible because of HTMX. Or implementing those in raw JS would have been a lot harder for somebody who does not use JS a lot. I have at least 3 blog posts pending to write about some stuff I did with htmx.
  • f
    Sure @User , give me a sec and I can share
  • g
    Awesome!
  • f
    Copy code
    html
        x-transition:enter="transform... duration..."
        x-transition:enter-start="translate... opacity..."
        x-transition:enter-end="translate... opacity..."
        x-transition:leave="transition... ease-in.... duration...
        x-transition:leave-start="opacity..."
        x-transition:leave-end="opacity..."
  • f
    for example, in the tailwind docs: https://tailwindui.com/documentation#js-alpine
  • f
    the section Enter/Leave transitions for alpine
  • f
    the html comments with the explanations are basically the same than what I write in alpine
  • f
    I changed a couple of tailwind classes with "..." for clarity
  • f
    I think that's the only place where I'm using alpine
  • g
    That's really great info. Thank you! I know a lot of work is planned for Hyperscript this spring. Perhaps we can put together some recommendations that would fit these uses too?
  • g
    I know @mysterious-toddler-20573 is already looking at a "while" command that would do, then undo operations when a status is met. Something like 
    while mouseover do-stuff
    . Just completely off the top of my head, perhaps there's a place for a 
    transition
    command, or other direct CSS manipulations, too.
  • f
    I don't know how often people need these transitions stuff, and on the other hand, having a banner just pop-up is not as bad. For me, CSS is a bit out of my knowledge, I just learned a bit of tailwind, and then I bought the TailwindUI components, which I then modify to my needs 😂
  • f
    But I'm happy to help with anything I can.
  • g
    Yeah, I hear you. I can do CSS, but that doesn't mean that I like to. If there were some easy way to simplify some of the ways in and out of that minefield, I'd be a happy person.
  • f
    Definitely! That's why I use tailwind, at least I feel I can do something slightly useful with CSS heheh
  • g
    Yeah, I started down the road using UIKit for the same reason. Ended up having to rewrite a bunch of JS callbacks in hyperscript anyway. It was just on principle, because I don't want to load that one extra JS file, if I don't need to.
  • f
    I work as an ML engineer / devops / CTO-ish, so my knowledge about web development is limited, but that's in fact why I absolutely HTMX. I can take what I know from writing REST APIs, now I make them return HTML and boom, I feel as if I had been doing web apps for a year.
  • g
    That's an awesome story. I love watching this community grow. 🙂
  • f
    That's great! When I have some time to write down some of the things I've done with HTMX I'm happy to share them 😃
  • m
    🔥
  • g
    Yes, please. My work with htmx is still so new that I can't really call it "real world" yet.
  • m
    awesome to hear. There is no need to make this stuff so complex.
1...139140141...1146Latest