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
140
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
220
5ad82c5ba0264363974af89deb743c20?s=48 adactio
4
140
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
170
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
65
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
200
5ad82c5ba0264363974af89deb743c20?s=48 adactio
1
2.4k
5ad82c5ba0264363974af89deb743c20?s=48 adactio
3
220
5ad82c5ba0264363974af89deb743c20?s=48 adactio
0
1.9k

Other Decks in Design

See All in Design
9c21f03c8f8789c73608310dfb994fb1?s=48 memeimei
2
150
3e64ab0aa15150f3e512a06e973cb41d?s=48 mura24
2
890
82414e7232f1483734d998f5c2e4f346?s=48 misaaa09
0
1.1k
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
160
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
1
910
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
0
190
119ea69dbbe9e31199c9bc686f43632b?s=48 icgedigk
1
210
Abaa70cc6ac599bb503184eb2ae03ab4?s=48 tenjuu99
3
310
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
0
110
381ea09c5a26fb7d63ddfc3ccb1d746b?s=48 kgsi
1
320
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
110
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
1
240

Featured

See All Featured
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
267
16k
78b475797a14c84799063c7cd073962f?s=48 holman
459
270k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
890
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
123
20k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
479
150k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
283
18k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.1k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
356
62k

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>