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
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
kintone Style Book
Avatar for kintone kintone
6
10k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.7k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
190
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
500
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
250
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
260
Treasure_Hunting
Avatar for Sol Metts solmetts
0
230
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
600
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
500

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
220
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
400
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
630
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130

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>