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
390
2

Responsive workshop: navigation

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013

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
75
The State Of The Web
Avatar for Jeremy Keith adactio
0
88
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
100
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
90
Building
Avatar for Jeremy Keith adactio
0
81
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
350
Taking Back The Web
Avatar for Jeremy Keith adactio
1
820

Other Decks in Design

See All in Design
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
150
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
480
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
310
hicard_credential_202601
Avatar for hicard hicard
0
210
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
170
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.4k
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.4k
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
130
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
240
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
450
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.3k
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
370

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
160
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
150
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
320
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
300

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>