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

Responsive workshop: navigation

Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
2
380

Responsive workshop: navigation

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
Avatar for Jeremy Keith adactio
0
110
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
100
In And Out Of Style
Avatar for Jeremy Keith adactio
0
66
The State Of The Web
Avatar for Jeremy Keith adactio
0
77
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
94
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
81
Building
Avatar for Jeremy Keith adactio
0
73
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
350
Taking Back The Web
Avatar for Jeremy Keith adactio
1
810

Other Decks in Design

See All in Design
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.1k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
470
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
230
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
500
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
200
第18回サイゼミ
Avatar for LW lw
1
3.3k
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
PRO
0
160

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
100
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
580
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k

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>