/Front-end guides
Menus, JavaScript and UI, documented like a manual
Navigation patterns, the code that drives them, and the keyboard and screen-reader details most menus get wrong — written for the people who have to ship them.
/New on the site
Latest guides
How to Set Up a Newsletter Signup Without a Plugin (October 2026)
How to set up a newsletter signup without a plugin in : pick an email service, verify your domain, embed the HTML…
How to Choose Between Astro and Eleventy for a Blog (October 2026)
How to choose between Astro and Eleventy for a blog: compare template syntax, shipped JavaScript, content collections, hosting and maintenance.
How to Build a Static Site with Eleventy Templates (October 2026)
Learn how to build a static site with Eleventy templates: layouts, Markdown content, collections, passthrough assets and a clean deploy. Updated for…
How to Set Up a Headless CMS for a Static Site (2026)
Learn how to set up a headless CMS for a static site in , connect its API to your frontend, and publish…
How to Hydrate Interactive Islands on a Static Site 2026
How to hydrate interactive islands on a static site in : mark one region, ship only its JavaScript on a trigger, handle…
How to Generate Open Graph Images Automatically (2026)
Learn how to generate open graph images automatically for every page in : Satori and Sharp at build time, @vercel/og at runtime,…
How to Style a Web Component from Outside with Parts (2026)
Learn how to style a web component from outside with parts using ::part(), custom properties and exportparts, plus fixes for the mistakes…
How to Set Up CSS Modules in a Build Pipeline (2026)
Set up CSS Modules in a Vite build pipeline step by step: file naming, imports, class composition, production builds, and the setup…
How to Pass Data Into a Custom Element With Attributes (2026)
How to pass data into a custom element with attributes using observedAttributes, getAttribute and type conversion, plus when to switch to properties.
/Starting points
Questions this site answers
- How do I build a dropdown that works with the keyboard?
- Why does my submenu close before the pointer gets there?
- Should a mega menu be one list or several?
- What makes a hamburger menu usable on a phone?
/What this is
A reference desk for navigation
Hier Menus Central is a front-end notebook about site navigation: menu patterns, the JavaScript that drives them, and the markup details that decide whether a menu is usable at all.
It is written for coders and webmasters who need the implementation rather than the theory, and it widens into the wider UI scripting around it.