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

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
91
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
88
In And Out Of Style
Avatar for Jeremy Keith adactio
0
51
The State Of The Web
Avatar for Jeremy Keith adactio
0
65
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
78
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
72
Building
Avatar for Jeremy Keith adactio
0
60
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
330
Taking Back The Web
Avatar for Jeremy Keith adactio
1
790

Other Decks in Design

See All in Design
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
220
kintone_aroma
Avatar for kintone kintone
0
620
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
220
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
840
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
320
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
610
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
880
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2.2k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
730
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
210
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
780

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
It's Worth the Effort
Avatar for 3n 3n
187
28k

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>