This week I’ve published an example navigation menu that is built with pure CSS and HTML. Check the live demo to explore the features, and the documentation for how to submit bug reports or suggest enhancements; source code is, as always, available via GitHub.

Git may be used to clone source code and edit locally, eg…

mkdir -vp ~/git/hub/web-dev-examples

cd ~/git/hub/web-dev-examples

git clone git@github.com:web-dev-examples/css-navigation-menu.git

… after which there are only two files of interest:

  • index.html contains HTML5 elements that define page structure, and inline CSS3 is leveraged to provide core menu functionality.

  • assets/css/style.css provides additional styling and further enhances menu presentation.

Python or your favourite development web-server may be used to test site and any changes, eg…

cd ~/git/hub/web-dev-examples/css-navigation-menu

python3 -m http.server --bind 127.0.0.1 8080