Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
400
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
140
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
130
In And Out Of Style
Avatar for Jeremy Keith adactio
0
100
The State Of The Web
Avatar for Jeremy Keith adactio
0
110
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
110
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
110
Building
Avatar for Jeremy Keith adactio
0
120
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
380
Taking Back The Web
Avatar for Jeremy Keith adactio
1
860

Other Decks in Design

See All in Design
Decksh keywords
Avatar for Anthony Starks ajstarks
0
140
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for こぎそ / Shinichi Kogiso kgsi
0
930
AVI 2026 Keynote "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
180
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
Avatar for Kota SAITO kotasaito_cnt
0
1k
Luna's Light
Avatar for Sheena shemeetscity
0
150
分散するデザイン組織をつなぐ　デザインミートアップの取り組み/nikkei-tech-talk49
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
1
290
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
680
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
6.8k
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
140
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.6k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
690
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
110

Featured

See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
290
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
910
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
380

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>