Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest and divest. Hide

Frontend Dogma

“navigation” News Archive

Supertopics: , · subtopics: ,  (non-exhaustive) · glossary look-up: “navigation”

Entry (Sources) and Other Related TopicsDate#
The Hidden Cost of Poor Navigation: How Information Architecture Directly Impacts Business Metrics (uxm)98
,
Slightly Enhanced Sticky Revealing Footer (cri)97
,
The Hamburger-Menu Icon Today: Is It Recognizable?96
, ,
Creating the “Moving Highlight” Navigation Bar With JavaScript and CSS (sma)95
, ,
Sticky Revealing Footer (bel/pic)94
,
Menu and Navigation: The Difference (stv)93
, , ,
Using ARIA Landmarks for Better Navigation92
, ,
Top 5 CSS Navigation Menu Mistakes (zor/css)91
, ,
How Navigation Should Work for Keyboard Users (tem)90
, ,
Breadcrumbs Are Dead in Web Design (web)89
,
There’s No Such Thing as “Menubar Navigation” (tem)88
,
10 Common Web Development Mistakes to Avoid Right Now87
, , , , , , ,
12 Web Accessibility Tips to Make Your Site More User-Friendly86
, , , , , , , ,
Designing Accessible Website Navigation: Best Practices for Inclusive UX85
, ,
How to Set Up an Accessible Page Structure and Navigation (pop)84
, ,
How Effective UX Design Can Boost Business Success (uxm)83
, , , , ,
Tabs, Used Right82
, ,
Information Scent: How Users Decide Where to Click81
, ,
Building a Responsive Menu With CSS (and No JavaScript) (cor)80
,
Creating a Navbar in React79
,
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js78
, , , ,
LCP and FCP on Single Page Application on Soft Navigations (dws)77
, ,
Design Better Pagination76
,
Table of Contents: The Ultimate Design Guide75
, ,
An Anchored Navbar Solution (mey)74
,
In-Page Links for Content Navigation73
,
Experimenting With Measuring Soft Navigations (tun/dev)72
, , ,
Information Architecture vs. Sitemaps: What’s the Difference?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 Navigation57
,
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 Pages49
, ,
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 Better42
,
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 False37
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 Necessity31
, , , ,
Accessible Breadcrumb Navigation Pattern (sco)30
, ,
Mobile First Is Not Mobile Only29
,
Supporting Mobile Navigation in Spite of a Hamburger Menu28
Killing Off the Global Navigation: One Trend to Avoid27
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 Well10
, ,
Site Map Usability9
, , , ,
Footers in Web Design: Creative Examples and Ideas (sma)8
,
Command Links7
, ,
Breadcrumb Navigation Increasingly Useful6
, ,
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?1