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
170
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
280
5ad82c5ba0264363974af89deb743c20?s=48 adactio
4
140
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
190
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
87
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
210
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
2.5k
5ad82c5ba0264363974af89deb743c20?s=48 adactio
3
230
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
2k

Other Decks in Design

See All in Design
258cb28d8f9aaa742cdc4bba252f21cb?s=48 mthompkins
PRO
0
150
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
2
150
44f9257897bd33a80d10fc3a10b26f06?s=48 fanny7
1
200
C9b1043c15896a8a15b68564b9789130?s=48 maruejouls
0
290
Cf9dbd8fa508ae9315d950e8c6e9c654?s=48 sglopez
0
100
D38056617929476906141e6a157e0045?s=48 letsgokoyo
0
300
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
440
4bdbe4411c15f54a01945416f77b6c62?s=48 costanza_d
0
120
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
580
D38056617929476906141e6a157e0045?s=48 letsgokoyo
1
170
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
320
8ba8bdc8f653a517ed8c300fbec98f15?s=48 drthdan16
0
380

Featured

See All Featured
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
238
23k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
188
14k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
243
21k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
322
54k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
95
5.6k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
88
3.5k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
274
17k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
13
950
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
19k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
255
17k

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>