6 ms·

Learn how to create an accessible hamburger button with pure HTML and CSS and why that is important.

• techn00 4y ago
  Unrelated: the image on the home page has a low resolution and doesn't look good ...
  • enyo 4y ago
    Which image (and which browser)?
    • techn00 4y ago
      The CTA one, looks fuzzy to me (both firefox and chrome) https://i.imgur.com/xVXWiGn.png https://i.imgur.com/xVXWiGn.png Resolution: 2k and 1080p
      • enyo 4y ago
        Thanks for letting me know! Seems to happen because it’s not a high dpi screen. I’ll get on it.
    • _n0ll 4y ago
      Second one(the guy on his pc), vanadium
• swyx 4y ago
  providing complete copy pastable code with good default styling would help improve the article
• LocalPCGuy 4y ago
  Not really super important, but thoughts on using an SVG when the same hamburger button affect can be generated with just a tiny bit of HTML/CSS? As little as one element with :before/:after for the top/bottom bars, although sometimes it needs a wrapping element for best styling.
  • toastal 4y ago
    BTW, it's been ::before/::after (pseudo-element, not pseudo-class) since IE9 (2011).
    • LocalPCGuy 4y ago
      Oh sure, I am aware, just mis-typed it in the comment.