https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • r
  • r
    lets you do crazy shit like this in CSS easily
  • g
  • r
    Oh dang
  • j
  • m
  • m
    how do I animate a 
    progress
    element
  • m
  • m
    this isn't working for me
  • m
  • m
    interesting
  • j
  • l
    I just used this technique on a page. The IDE was displeased, but the browser rendered it just fine.
  • f
    unfortunately attribute selectors are far slower than class selectors
  • j
    How much slower? And when does that become a noticeable constraint on UX? I'm honestly asking that as I have not much experience with that particular concern.
  • f
    missing.css sites lag when resizing the browser because of our convoluted layout stuff. I don't have benchmarks at hand for the attribute thing though
  • r
    using 
    data-
    for everything is more verbose anyway, and you sacrifice the cascade.
  • r
    embrace the cascade
  • r
    its there to save you lines, especially in combination with 
    :has()
  • r
    add stylus or whatever and you'll stop looking at css frameworks because you'll be so efficiently pumping out css with barely any lines of code.
  • r
    or dont. I'm not your mom
  • m
    layout idea
  • m
    on the mac, in the old cocoa UI builder (I have no idea if it still works this way) there was a spring-strut concept
  • m
    You could place a spring horizontally or vertically within an element, and indicate its ability to stretch in that direction. On the outside edges you could put a spring or a strut to indicate that edge was fixed to it's container/neighbor or "stretched" with the window.
  • m
    here is what I'm talking about:

    https://youtu.be/mhvKKBha0fw?t=194▾

  • m
    and I thought css was a pain
  • m
    css is actually not bad
  • m
    i do need to spend some time with flexbox, I'll be honest
  • m
    thank god for flexbox
  • r
    I vaguely remember that nostalgia aha. Mac gui bulding was magical. The analogue in CSS is grid using units like: auto min() max() minmax() % etc.
1...272829...44Latest