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

Responsive workshop: navigation

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
2
390

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
110
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
110
In And Out Of Style
Avatar for Jeremy Keith adactio
0
74
The State Of The Web
Avatar for Jeremy Keith adactio
0
85
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
98
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
87
Building
Avatar for Jeremy Keith adactio
0
79
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
350
Taking Back The Web
Avatar for Jeremy Keith adactio
1
810

Other Decks in Design

See All in Design
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.1k
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
290
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
330
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
0
920
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
390
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
170
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
780
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
740
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.2k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
220

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

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>