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

Responsive workshop: navigation

Jeremy Keith
April 11, 2013
Design
2
310

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
50
“Web3” and “AI”
adactio
0
42
In And Out Of Style
adactio
0
12
The State Of The Web
adactio
0
28
Sci-fi And Me
adactio
0
34
Design Principles For The Web
adactio
0
34
Building
adactio
0
23
The Layers Of The Web
adactio
0
260
Taking Back The Web
adactio
1
680

Other Decks in Design

See All in Design
Credence
lratmansunu
0
460
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
Personal Story Sequence(WIP) - Younghoon Park
elrns88
0
260
ZKK_001.pdf
nicholaspegu
0
1.4k
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
400
Haruki_Konaka_Portforio.pdf
haruki556
0
660
Design System for training program
mct
0
280
Slip N Slime - Character Design Ideation
thebogheart
0
310
アフォーダンスとシグニファイア
ryokanakai
1
320
20241019-CUD友の会「困った！を解決するデザイン改訂版」交流会
majimasachi
0
260

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
A designer walks into a library…
pauljervisheath
204
24k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
Building an army of robots
kneath
302
43k
Building Your Own Lightsaber
phodgson
103
6.1k
Designing the Hi-DPI Web
ddemaree
280
34k
Typedesign – Prime Four
hannesfritz
40
2.4k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Rails Girls Zürich Keynote
gr2m
94
13k
The Cult of Friendly URLs
andyhume
78
6k
We Have a Design System, Now What?
morganepeng
50
7.2k

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>