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
380

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
69
The State Of The Web
Avatar for Jeremy Keith adactio
0
81
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
97
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
83
Building
Avatar for Jeremy Keith adactio
0
76
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
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
270
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
210
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
200
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
700
Diverse Design Team Deck
Avatar for Diverse diverse
0
810
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
110
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
240
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
940
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1k
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
570
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
5
770

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
59
50k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Visualization
Avatar for Eitan Lees eitanlees
150
17k

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>