Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“navigation” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: , · Subtopics: ,  (non-exhaustive) · “navigation” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Is It Time to Kill the Sidebar? (web)105
,
Make Navigation Accessible With “aria-current” (a11)104
, ,
Why Sticky Navigation Can Undermine Accessibility103
CSS “offset“ and “animation-composition” for Rotating Menus (pre/fro)102
,
How Blind People Navigate the World, On- and Offline (lau)101
, , ,
20 Footer Design Myths You’re Still Believing (and How to Fix Them (web)100
,
The Hidden Cost of Poor Navigation: How Information Architecture Directly Impacts Business Metrics (uxm)99
,
Slightly Enhanced Sticky Revealing Footer (cri)98
,
The Hamburger-Menu Icon Today: Is It Recognizable? (nng)97
, ,
Creating the “Moving Highlight” Navigation Bar With JavaScript and CSS (sma)96
, ,
Sticky Revealing Footer (bel/pic)95
,
Menu and Navigation: The Difference (stv)94
, , ,
Top 5 CSS Navigation Menu Mistakes (zor/css)93
, ,
Using ARIA Landmarks for Better Navigation92
, ,
How Navigation Should Work for Keyboard Users (tem)91
, ,
Breadcrumbs Are Dead in Web Design (web)90
,
There’s No Such Thing as “Menubar Navigation” (tem)89
,
10 Common Web Development Mistakes to Avoid Right Now88
, , , , , , ,
12 Web Accessibility Tips to Make Your Site More User-Friendly87
, , , , , , , ,
Designing Accessible Website Navigation: Best Practices for Inclusive UX86
, ,
How to Set Up an Accessible Page Structure and Navigation (pop)85
, ,
How Effective UX Design Can Boost Business Success (uxm)84
, , , , ,
Tabs, Used Right (nng)83
, ,
Information Scent: How Users Decide Where to Click82
, ,
Building a Responsive Menu With CSS (and No JavaScript) (cor)81
,
Creating a Navbar in React80
,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js79
, , , ,
Navbar Gallery78
, ,
LCP and FCP on Single Page Application on Soft Navigations (dws)77
, ,
Design Better Pagination76
,
Table of Contents: The Ultimate Design Guide (nng)75
, ,
An Anchored Navbar Solution (mey)74
,
In-Page Links for Content Navigation (nng)73
,
Experimenting With Measuring Soft Navigations (tun/dev)72
, , ,
Information Architecture vs. Sitemaps: What’s the Difference? (nng)71
, ,
Hover Triangles (may)70
Accessible Navigation69
90s Websites—Key Characteristics and Examples68
, , , ,
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)67
,
Accessible Components: The Hamburger Menu66
,
The Problem With Sticky Menus and What to Do Instead (ada)65
,
How to Make a CSS-Only Hamburger Menu64
,
A Designers Guide to the Principles of Web Design63
, , , , , , , ,
Building Pagination in React With React Paginate62
,
How to Build Accessible Main Navigation? (iod)61
,
Accessible Hamburger Buttons Without JavaScript60
,
Unordered Lists in Main Navigations (mat)59
, ,
Designing the Perfect Mobile Navigation UX (vit/sma)58
,
Audience-Based Website Navigation (nng)57
,
Building the Main Navigation for a Website (mat/dev)56
,
Creating a CSS Only Interactive Site Menu55
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm)54
, , ,
Hamburger Footer: Reaching the Bottom of Infinite Scroll53
,
Four Tradeoffs When Designing Navigation Menus52
Designing Better Breadcrumbs (vit/sma)51
, ,
Designing a Better Infinite Scroll (vit/sma)50
,
Alternatives to Pagination on Product-Listing Pages (nng)49
, ,
The Importance of Screen Reader Software for Web Navigation48
,
A Clever Sticky Footer Technique (chr/css)47
,
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)46
,
The Anatomy of a Web Page: 14 Basic Elements45
, , , , , ,
How Apple Changed the Way We Navigate—Forever (uxd)44
,
9 Principles of Good Web Design43
, , , , , ,
Sticky Headers: 5 Ways to Make Them Better (nng)42
,
How to Use CSS Grid for Sticky Headers and Footers (ada/css)41
, ,
Three CSS Alternatives to JavaScript Navigation (css)40
Information and Information Architecture: The Big Picture (sma)39
, ,
Footers Are Underrated38
,
The 3-Click Rule for Navigation Is False (nng)37
The Elements of UI Engineering (dan)36
, , , , , ,
How Do You Know Your Website Is a Success? (sma)35
, , , , , , ,
Building Accessible Menu Systems (hey/sma)34
, ,
A Comprehensive Guide to Web Design (sma)33
, , , , , , ,
UX: What Can We Prototype? What Can’t We Prototype?32
, , ,
Homepage Links Remain a Necessity (nng)31
, , , ,
Accessible Breadcrumb Navigation Pattern (sco)30
, ,
Mobile First Is Not Mobile Only (nng)29
,
Supporting Mobile Navigation in Spite of a Hamburger Menu (nng)28
Killing Off the Global Navigation: One Trend to Avoid (nng)27
The Curious Case of Breadcrumbs in HTML (j9t)26
,
Responsive Navigation on Complex Websites (sma)25
,
A Look at the HTML5 “nav” Element24
,
5 HTML5 and ARIA Design Patterns (tin+)23
, ,
Off Canvas Menu With CSS “:target” (chr/css)22
,
Exploration of Single-Page Websites (sma)21
, ,
5 CSS Properties That Give Designers Fits20
, , , , ,
CSS “:target” for Off-Screen Designs (css)19
, , ,
Responsive Navigation Patterns (bra)18
, ,
Organizing Mobile (ali)17
, ,
Web Page Anatomy (jas)16
Website Navigation: Planning and Implementing (vit/sma)15
Exploring Markup for Breadcrumbs (chr/css)14
, ,
Tips for Web Design That Crosses Cultures (css)13
, , , ,
Informative and Usable Footers in Web Design (sma)12
, ,
Navigation Markup After Content (chr/css)11
, ,
Mega Drop-Down Navigation Menus Work Well (nng)10
, ,
Site Map Usability (nng)9
, , , ,
Footers in Web Design: Creative Examples and Ideas (sma)8
,
Command Links (nng)7
, ,
Breadcrumb Navigation Increasingly Useful (nng)6
, ,
Ten Steps to a More User Friendly Website5
, , , , , , , , , ,
Spruced-Up Site Maps (ali)4
,
Keeping Navigation Current With PHP (ali)3
When Web Pages Don’t Work2
, , , , ,
Is Navigation Useful? (nng)1