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

Responsive workshop: navigation

Jeremy Keith
April 11, 2013
Design
2
330

Responsive workshop: navigation

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
adactio
0
57
“Web3” and “AI”
adactio
0
52
In And Out Of Style
adactio
0
19
The State Of The Web
adactio
0
35
Sci-fi And Me
adactio
0
44
Design Principles For The Web
adactio
0
41
Building
adactio
0
30
The Layers Of The Web
adactio
0
280
Taking Back The Web
adactio
1
710

Other Decks in Design

See All in Design
portfolio2025_kanakoohata
kanako106
0
660
ネーミングの極意 - その名は体を現していますか？ -
kakukoki
2
470
Dive Deep into Communication
yomtsu
0
210
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
Museum Heist
allykae
0
120
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
490
TUNAG BOOK 2024
stmn
0
470
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
610
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
250
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
160
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280

Featured

See All Featured
Designing Experiences People Love
moore
139
23k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Facilitating Awesome Meetings
lara
51
6.2k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7.1k
Practical Orchestrator
shlominoach
186
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The Pragmatic Product Professional
lauravandoore
32
6.4k
GraphQLとの向き合い方2022年版
quramy
44
13k
Automating Front-end Workflow
addyosmani
1367
200k
A better future with KSS
kneath
238
17k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k

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>