https://htmx.org logo
Join Discord
Powered by
# missing_dot_css
  • g
    "unarticulated text" is a botched summary of that
  • j
    i figured there was some disconnect
  • g
    the u element can be used when you want to mark text in a way that won't be read by assistive software, but will be rendered visually even when css is not available
  • g
    is what i gather from that
  • s
    I also pointed out Ariato recently: https://github.com/bigskysoftware/missing/discussions/3#discussioncomment-2192522 — it seems to not only rely mostly on semantic HTML elements, but unlike most classless and class-light stylesheets out there, it also makes use of ARIA roles to enhance styling. Not sure if @User has seen it, but it seems like it would be useful even if just for inspiration and cross-validation.
  • r
    Wow that's an insane list, btw.
  • r
    Also thank you for the insight!
  • s
    Happy to help however I can 🙂
  • r
    ahaha love that
  • j
    i dunno, man. looks to me like the horse is done out of the barn there.
  • m
    perfection
  • m
    On tall screens 
    .big-screen
    starts to get pretty big:
  • m
    wonder if a 
    vh
    margin w/ a max (possible?) might scale better?
  • g
    min-height: min(60vh, 60vw)
  • m
    looks right to me css-🧙
  • m
    What if we made the height 61.8% of the width of the element? (Golden ratio)
  • m
    (I think)
  • m
    Would love to get some golden ratio in there. Maybe in scaling font sizes too?
  • m
    playing around w/ 
    aspect-ratio
    set to the golden ratio
  • m
    (ish)
  • m
    (also boosted the text size)
  • g
    now click this
  • g
    the phone
  • m
    yep, nightmare
  • m
    but some of that is because the top nav doesn't clear
  • g
    it should scroll horizontally
  • g
    oh
  • g
    i forgot to make the scrollbar thin
  • m
    ?
  • g
    i never liked navbars honestly
1...161718...44Latest