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
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
120
In And Out Of Style
Avatar for Jeremy Keith adactio
0
99
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
100
Building
Avatar for Jeremy Keith adactio
0
120
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
370
Taking Back The Web
Avatar for Jeremy Keith adactio
1
850

Other Decks in Design

See All in Design
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
160
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
160
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.5k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
720
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
0
270
hicard_credential_202601
Avatar for hicard hicard
0
270
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.4k
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
250
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.3k
Warner Bros. Discovery 2025 Box Office Booklet
Avatar for Sam Bird samb1rd
0
100
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
170

Featured

See All Featured
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
A Soul's Torment
Avatar for Nat Ma seathinner
6
3.4k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
210
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
It's Worth the Effort
Avatar for 3n 3n
188
29k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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>