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

Responsive workshop: navigation

5ad82c5ba0264363974af89deb743c20?s=47 Jeremy Keith
April 11, 2013
Design
2
230

Responsive workshop: navigation

5ad82c5ba0264363974af89deb743c20?s=128

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
180
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
310
5ad82c5ba0264363974af89deb743c20?s=48 adactio
4
150
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
210
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
88
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
210
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
2.5k
5ad82c5ba0264363974af89deb743c20?s=48 adactio
3
240
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
2k

Other Decks in Design

See All in Design
A54edea61b670665ef50c725bdef7ed2?s=48 shannonsketches
1
260
E4d3bf2e52b00413efb34cc6e7433f3a?s=48 demarco
1
170
Acb24b2e81f0f7c3d6e7eda5e0a70be8?s=48 alvieave
1
130
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
1
420
6cd6d27974516edf96ebd359dd980ab5?s=48 lindatart
1
220
25448e5eb61d4fd7b35ed73d722f9ad9?s=48 sawa_zen
1
530
A6164c2cb62281a24febe6f722775b98?s=48 miterashishohei
2
900
92151711459a4e3a191f791238f6259d?s=48 chiemitaki
0
1.2k
5481f706b4bfeb0569b1f759b528f6e2?s=48 sahinairvin
PRO
1
200
939d337a76c7b358177b29295ab502c2?s=48 takayukiwashino
1
1.4k
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
0
160
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
470

Featured

See All Featured
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
24
1.2k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
64
10k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
162
6.8k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
55
3k
78b475797a14c84799063c7cd073962f?s=48 holman
294
130k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
119
7.4k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
348
27k

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>