Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive workshop: navigation

Jeremy Keith
April 11, 2013
Design
2
340

Responsive workshop: navigation

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
adactio
0
65
“Web3” and “AI”
adactio
0
63
In And Out Of Style
adactio
0
25
The State Of The Web
adactio
0
43
Sci-fi And Me
adactio
0
52
Design Principles For The Web
adactio
0
50
Building
adactio
0
36
The Layers Of The Web
adactio
0
300
Taking Back The Web
adactio
1
730

Other Decks in Design

See All in Design
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.1k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
570
Masked shaman-Storyboard 2025
ashley0521
0
240
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5.3k
「デザイン」を信じるには
iflection
0
170
マンガで分かるサービスデザインガイドライン
senryakuka
1
750
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
180
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
180
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.5k
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.9k

Featured

See All Featured
Writing Fast Ruby
sferik
628
61k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Agile that works and the tools we love
rasmusluckow
328
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
Making Projects Easy
brettharned
116
6.1k
Side Projects
sachag
452
42k
Designing for humans not robots
tammielis
252
25k
Visualization
eitanlees
146
16k
How to train your dragon (web standard)
notwaldorf
91
6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.1k
Site-Speed That Sticks
csswizardry
5
480
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
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>