Responsive workshop: navigation

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

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
130
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
210
5ad82c5ba0264363974af89deb743c20?s=48 adactio
4
130
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
160
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
55
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
200
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
2.4k
5ad82c5ba0264363974af89deb743c20?s=48 adactio
3
210
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
1.9k

Other Decks in Design

See All in Design
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
1
120
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
3.1k
Ed797c1554e51560be494c0fec1e1f07?s=48 alexnorrthon
0
1.6k
C918bcbfa8df32567636c2d125a34fa1?s=48 sonnylazuardi
4
560
9f5f8d89c1c298beb2e5d3b1e41941e2?s=48 codingconduct
0
400
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
2
2.2k
3dfed36dc1543f0007b5fd46fcb41a47?s=48 yunoda
0
660
65906910d67fb68d5c8222322a7683e3?s=48 ryuuuuukun
1
570
C918bcbfa8df32567636c2d125a34fa1?s=48 sonnylazuardi
3
180
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
140
C918ea46728ba27aa936c795995c03d6?s=48 laurawritesux
1
150
Ff18a27b908029695ca70b144d42e3ba?s=48 wattlaa
1
140

Featured

See All Featured
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
189
17k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
28
3.1k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
49
3.2k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
110
24k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
314
18k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
410
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
248
19k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
430

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>