{"podcast":{"title":"No Script Show","slug":"no-script-show-6719676","podcast_index_feed_id":6719676,"rss_url":"https://feeds.hubhopper.com/9698ac00a8141974e116d9298f9f87c8.rss","website_url":"https://noscript.show","image_url":"https://files.hubhopper.com/podcast/435589/1400x1400/no-script-show_6619.jpeg?v=1746635814766366780","author":"Nathan Wrigley, David Waumsley","episode_count":31,"summary":"A show for people who build websites. A podcast on modern frontend web design where we look at what we can build today with minimal dependencies and skills. We're building this website as part of the show.","last_synced_at":null,"page_url":"https://stenobird.com/podcast/no-script-show-6719676"},"episode":{"title":"Ep21. Website Navigation Why is it so bloody awful?","slug":"ep21-website-navigation-why-is-it-so-bloody-awful","published_at":"2025-06-25T12:02:00+00:00","page_url":"https://stenobird.com/podcast/no-script-show-6719676/ep21-website-navigation-why-is-it-so-bloody-awful","show_page_url":"https://stenobird.com/podcast/no-script-show-6719676","url":"https://listen.hubhopper.com/episode/ep21-website-navigation-why-is-it-so-bloody-awful/32902409","audio_url":"https://play.hubhopper.com/c517daed66d8c2729bd0419ebc512aef.mp3?s=rss-feed&v=c28f42153902","summary":"On the podcast today, David and Nathan are back with the second episode in their new series, where they break down the key components that make up a website. Today, they’re talking about website navigation, and asking the surprisingly sticky question: why is it so bloody awful? David has done a deep dive into the ins and outs of navigation, putting together an exhaustive list of all the pieces involved. Nathan admits he used to take a much simpler approach, just add the top-level links and hope Google did the rest, but David’s research proves there’s a lot more going on beneath the surface. They start by exploring the shifting meaning of terms like “menu,” “navigation,” and “nav,” both from a developer and a user’s perspective. Is it a noun? Is it a verb? Is it a technical role? As they discovered, even big names in UX like the Nielsen Norman Group can’t seem to agree. From there, they walk through the many different types of website navigation: main links, hamburger menus, even on desktop, breadcrumbs, dropdowns (on hover or click), mega menus, and more. And it’s not just the styles that are confusing, there’s a tangle of terminology too, with “dropdowns,” “flyouts,” and “pull downs” meaning different things to different people. David and Nathan share their frustrations with modern navigation: hidden menu items, ambiguous links, and the accessibility pitfalls of complicated dropdowns. They talk about why menus can be especially tricky on mobile, and how easy it is for even pros to get lost in their own site’s nav. David explains his approach of keeping things simple, stopping at HTML and CSS wherever possible, and only grudgingly adding JavaScript when absolutely needed. They then explore the design, SEO, and accessibility issues that come with modern navigation patte…","meta_description":"On the podcast today, David and Nathan are back with the second episode in their new series, where they break down the key components that make up a websi…","key_points":[],"chapters":[],"topics":[],"duration_seconds":2388,"processing_state":"not_requested","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/no-script-show-6719676/episodes/ep21-website-navigation-why-is-it-so-bloody-awful/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/no-script-show-6719676/ep21-website-navigation-why-is-it-so-bloody-awful.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}