https://htmx.org logo
Powered by
# missing_dot_css
  • s
    I think 
    .permalink-anchor
    isn't very clear, or necessarily accurate (e.g. the anchored content need not have a permanence guarantee). Perhaps 
    .visible-anchor
    , 
    .anchor-link
    or even just 
    .anchor
    ?
  • g
    .hashlink
    ?
  • g
    or 
    .fragment-link
  • s
    I'd rather use "fragment" or "anchor" if the idea is to lean on the native affordances (and terminology, by extension) as much as possible
  • g
    But you don't put the class on the fragment, rather the permalink of the fragment
  • s
    right, but a named element is an anchor, right? A hashed link points to an anchor, IIUC
  • g
    Not to my knowledge, isn't an anchor an element?
  • s
    Oh right, there's that ambiguity too
  • s
    I was thinking about any named element
  • s
    which is addressable via an URL fragment
  • g
    This pattern is annoying because it's on lots of sites but there is no standard name for it
  • s
    In any case, given the actual effect of the CSS you've assigned to this selector, it's clearly meant to make a named element (anchor or otherwise) visually apparent in the page, so I think the "visible" part should be there
  • g
  • t
    The bit after the 
    #
    in a url is called a fragment., as specified in RFC 3986
  • t
    It's pretty standardized
  • g
    we're not talking about the url fragment, but the visual affordance that helps you use fragments without opening devtools to find an id
  • t
    oh sorry I should've clicked through the twitter link
  • s
    On a separate note, I dislike the single-letter abbreviations in the selectors. There aren't many listed in the gist, but v-h and f-row/col/switch should IMO be more explicit.
  • s
    especially given the vw and vh units
  • g
    I could rename f-row to flex-row, but i want a short name for v-h
  • g
    It feels wrong to have a long name for an element that usually only holds one character
  • t
    I usually refer to those as anchor links. As in they link to an anchor.
  • g
    Copy code
    html
<h1>
  <sub-title>BREAKING NEWS</sub-title>
  <visually-hidden>—</visually-hidden>
  A thing happens in a place
</h1>
  • s
    Name it "🙈" 😛
  • t
    But I think I'm relying on an old definition of an html tag, or maybe just a false memory of it.
  • s
    (I don't have a good solution to that, but personally I'd prefer the spelled-out version. It's not like you'd sprinkle it all over the page, I believe it would be used sparingly)
  • s
    That raises a good question — an 
    <a>
    tag is called an anchor because it links somewhere, not because one can link to it.
  • t
    It only links somewhere if it has an 
    href
    attribute
  • s
    but that's its main purpose, right?
  • t
    It is now, yes. I might be completely off my rocker, but I'm fairly sure they used to be used for, well, creating anchors in a document to be linked to.
1...293031...44Latest