https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • g
    I'll throw together an implementation for the demo pages at some point but right now they're mostly there for me to do regression tests
  • p
  • g
    I removed _hyperscript from the site to reduce bandwidth use since i was only using it for that demo
  • g
    I'll rewrite that in vanilla JS or use an existing tabs library
  • g
    i've written a tabs component in ~vanilla JS, and i'm kind of proud of it
  • g
  • g
    might release a "missing.js" at some point, providing the behavior that's missing from our aria components
  • g
    > - The source code of missing.css was completely reorganized! The source files > now line up with the pages of the documentation to make it easier to find > code. > - Speaking of the docs, they have also received a subtle reorganization. > - The development server will now build changes to the CSS way faster. a preview of v0.4.0
  • g
    @User what do you think? what's missing (:]) from the list?
  • m
    hamburger nav component 🦆
  • e
    I really like what you're all doing with this project. I've been stuck in Bootstrap land looking for a way out. For as heavy as it is, I do too much overriding and custom styling. But I'm nervous about Tailwind since I want opinionated accessibility. missing.css seems just right. Light enough that I won't feel bad supplementing with vanilla css.
  • m
    🙂 it's a tough balance, but I'm very happy with where things are going, thanks entirely to Deniz! Glad the idea gels with what you want!
  • g
    I can't believe you'd erase the guy that added a 
    LICENSE
    like this
  • m
    Tailwind UI wasn't enough?
  • m
    tbh I would like to see an accessibility library using Stimulus or some other attribute based js
  • m
    that adds that functionality to existing html.
  • m
    If I dont find one myself I intend to write one eventually when I get around to it.
  • m
    but I know near nothing about accessibility so it's going to take alot of research
  • m
    doesn't help that my laptop can't run Orca for some reason
  • m
    to test the page
  • j
    I only did that to try to get missing.css into that other "try out CSS libraries" project, the maintainer of which hasn't gotten to yet. Erasure is just fine.
  • m
    🙂
  • g
    watch video
  • g
    i don't care if it's 1am
  • g
    @User possible css grid syntax:
    Copy code
    html
    <div class="grid c5">
        <div class="[1 1]">Sidebar  </div>
        <div class="[2 5]">Main     </div>
        <div class="[5 6]">Auxiliary</div>
    </div>
  • g
    this creates the attached layout:
  • g
    (don't know what to do for columns yet)
  • s
    1) Shouldn't 
    [5 6]
    be 
    [5 5]
    in the example? Or conversely, 
    [1 1]
    be 
    [0 1]
    ? 2) Could 
    c5
    be 
    5col
    instead? Or does the "c" mean something different there? 3) Could a more intuitive naming be used, based on the columns rather than grid lines? E.g. 
    [1 1]
    could be shortened as 
    col-1
    , and 
    [2 5]
    could be 
    cols-2-4
  • g
    1) i'm looking into how grid lines work 2) sure, doesn't matter 3) 
    cols-2-4
    would need 144 classes for 12 columns, as opposed to 24. this is important as i want to write things by hand as much as possible
  • g
    unrelated: hey did you all know that it's impossible to swap two css variables?
1...313233...44Latest