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
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
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
300
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
2
2.2k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
660
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
870
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
290

Featured

See All Featured
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
210
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
It's Worth the Effort
Avatar for 3n 3n
188
29k

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>