How deeply does CSS in Depth, Second Edition cover navigation?

Builds markup and responsive CSS, then demonstrates transforms and transitions without detailing their complete implementation.

Navigation

As explained in CSS in Depth, Second Edition

A navigation menu is an interface component containing links for moving among sections or destinations.

A navigation menu groups links for moving among destinations. A responsive example changes from a horizontal mobile menu into a left-docked menu on larger viewports. section 16.2

Build the menu around a few practical decisions:

Use an unordered list of links, each combining an SVG icon with a text label. section 16.2

Icons that reveal labels

The menu initially appears as four vertically stacked icons. Hovering reveals the accompanying text, using transitions and transforms to make the interaction more expressive. section 16.2

How CSS in Depth, Second Edition covers it

liveBook manning.com

Read CSS in Depth, Second Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

WordPress Power Toolkit: Harness AI to build next-level websitesA WordPress interface element, widget, or block that presents links to site pages and other destinations.
liveBook manning.com

Build a Website with ChatGPTA navigation bar is a page component that provides links or controls for moving among pages or sections of a website.
liveBook manning.com

Web Design Playground, Second EditionA navigation section is a page section containing controls or links for moving among pages or sections of a site.

Compare how 4 books explain navigation →

Related concepts

nav elementimplemented by · The HTML nav element represents a section of a document containing navigation links or other navigation-related content.
hypertext linkhas part · A hypertext link is a reference embedded in digital content that enables navigation to another resource or location.
flyout navigationincludes · Flyout navigation is a user-interface navigation pattern in which a side menu reveals selectable pages that occupy the main display area.
home pageused by · A home page is a website’s primary or default introductory page and an entry point to its main content or sections.
tabincludes · A selectable user-interface item that identifies and switches to a page or a related content view.
browserused by · A web browser is software that retrieves, interprets, and renders web resources, executes supported web content, and enables interaction with web pages and applications.

This explainer was generated by Manning's knowledge graph from the text of CSS in Depth, Second Edition. The section links point to the parts of the book it draws on.