Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
menu

6 Articles
{
,

}
Direct link to the article Newer Things to Know About Good Ol’ HTML Lists
aria definition list list-style-position lists marker menu

Newer Things to Know About Good Ol’ HTML Lists

HTML lists are boring. They don’t do much, so we don’t really think about them despite how widely used they are. And we’re still able to do the same things we’ve always done to customize them, like removing markers, reversing …

Avatar of Daniel Schwarz
Daniel Schwarz on Nov 28, 2022
Direct link to the article Semantic menu context
HTML menu semantics

Semantic menu context

Direct Link

Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …

Avatar of Chris Coyier
Shared by Chris Coyier on Nov 11, 2021
Direct link to the article How We Improved the Accessibility of Our Single Page App Menu
:focus-within accessibility focus menu navigation

How We Improved the Accessibility of Our Single Page App Menu

I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …

Avatar of Luke Denton
Luke Denton on Feb 25, 2021
Direct link to the article Menu Reveal By Page Rotate Animation
checkbox hack menu navigation

Menu Reveal By Page Rotate Animation

There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even …

Avatar of Preethi
Preethi on Sep 8, 2020
Direct link to the article Hamburger Menu with a Side of React Hooks and Styled Components
menu navigation react hooks styled components

Hamburger Menu with a Side of React Hooks and Styled Components

We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism that allows main menus to be tucked off screen, particularly on mobile …

Avatar of Maks Akymenko
Maks Akymenko on Sep 10, 2019 (Updated on Sep 12, 2019)
Direct link to the article Menus with “Dynamic Hit Areas”
dropdown menu SVG

Menus with “Dynamic Hit Areas”

Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you’re in tricky territory. For one, they should work with clicks and taps, too. Without that, you’ve broken the …

Avatar of Chris Coyier
Chris Coyier on Jul 3, 2019

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top