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

Responsive workshop: navigation

Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
410
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
150
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
140
In And Out Of Style
Avatar for Jeremy Keith adactio
0
110
The State Of The Web
Avatar for Jeremy Keith adactio
0
120
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
390
Taking Back The Web
Avatar for Jeremy Keith adactio
1
860

Other Decks in Design

See All in Design
技術に明るくない人が技術を選ぶために
Avatar for moco moco1013
0
150
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
210
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
330
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
330
いいUIとは？初心者向けに事例をもとにUIデザインを分解
Avatar for 原 佑一｜クリエイティブディレクター yuichi_hara7
13
7.2k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
4
5.4k
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
280
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
150
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
7.5k
noteらしさを織り込むハーネスエンジニアリング
Avatar for uto usui uto
0
2.4k
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
Avatar for Atsushi Fukui fatsushi
2
840
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
570
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
400
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.2k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Side Projects
Avatar for Sacha Greif sachag
456
43k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450

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>