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

Responsive workshop: navigation

Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
2
340

Responsive workshop: navigation

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
Avatar for Jeremy Keith adactio
0
69
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
67
In And Out Of Style
Avatar for Jeremy Keith adactio
0
28
The State Of The Web
Avatar for Jeremy Keith adactio
0
46
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
54
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
52
Building
Avatar for Jeremy Keith adactio
0
40
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
300
Taking Back The Web
Avatar for Jeremy Keith adactio
1
730

Other Decks in Design

See All in Design
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
Avatar for Yappli Developers yappli_developers
0
190
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
330
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
240
The Very Small Creatures - dressing up warm sequence
Avatar for Lizzie lizziestoryboards
0
310
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
Avatar for YurufuwaKiyoshi kiyoshifuwa
0
270
Les petites aventures de CSS, saison 2025
Avatar for Raphael Goetter goetter
3
4k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
Avatar for r.aoki u_ri_ta
2
180
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
550
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
0
180
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
Avatar for gaussbeam gaussbeam
0
1k
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
100
問いの変遷
Avatar for なつ iflection
0
100

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.4k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
6
530
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.7k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k

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>