Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive workshop: navigation

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
390
2

Responsive workshop: navigation

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
Avatar for Jeremy Keith adactio
0
130
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
110
In And Out Of Style
Avatar for Jeremy Keith adactio
0
93
The State Of The Web
Avatar for Jeremy Keith adactio
0
110
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
110
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
95
Building
Avatar for Jeremy Keith adactio
0
96
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
370
Taking Back The Web
Avatar for Jeremy Keith adactio
1
840

Other Decks in Design

See All in Design
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.3k
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.3k
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.3k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
370
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
830
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1.4k
Frontier
Avatar for Renny Wang rwang05
0
150
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.9k
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
550
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.2k
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
2
2k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
200

Featured

See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.3k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.5k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
710
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
160

Transcript

  1. <navigation>

  2. navigation first

  3. None
  4. None
  5. None
  6. None

  7. content first, navigation second

  8. None
  9. None
  10. None
  11. None

  12. CSS flexible box layout model display: table fixmystreet.com absolute positioning

  13. progressive disclosure

  14. None
  15. None
  16. None
  17. None

  18. off canvas

  19. None
  20. None

  21. separate URL

  22. None
  23. None
  24. None
  25. None

  26. </navigation>