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
59
“Web3” and “AI”
adactio
0
55
In And Out Of Style
adactio
0
21
The State Of The Web
adactio
0
38
Sci-fi And Me
adactio
0
46
Design Principles For The Web
adactio
0
44
Building
adactio
0
32
The Layers Of The Web
adactio
0
290
Taking Back The Web
adactio
1
720

Other Decks in Design

See All in Design
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
290
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
vivion
0
320
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
310
Les petites aventures de CSS, saison 2025
goetter
3
4k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
710
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
310
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
920
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
280
デザイナーとPMの両ロール_３つのポイント
toy1618
1
210
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
1k
aya_murakami_portfolio
ayakaimi1101
0
1.3k
マンガで分かるサービスデザインガイドライン
senryakuka
1
670

Featured

See All Featured
A Philosophy of Restraint
colly
203
16k
Making Projects Easy
brettharned
116
6k
Code Review Best Practice
trishagee
67
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Side Projects
sachag
452
42k
Practical Orchestrator
shlominoach
186
10k
The Language of Interfaces
destraynor
156
24k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Building a Scalable Design System with Sketch
lauravandoore
461
33k

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>