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

Responsive workshop: navigation

Jeremy Keith
April 11, 2013
Design
2
240

Responsive workshop: navigation

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
The Layers Of The Web
adactio
0
210
Taking Back The Web
adactio
1
450
Evaluating Technology
adactio
4
160
Resilience
adactio
0
300
<A>
adactio
0
96
Responsive Design
adactio
1
220
Time
adactio
1
2.6k
The Power Of Simplicity
adactio
3
250
Beyond Tellerrand
adactio
0
2.3k

Other Decks in Design

See All in Design
デザインシステムを使ってプロダクトのデザイン負債を解消する / TechConf2022
kchil
0
3.3k
WAI-ARIAウェイウェイ会
shikakun
0
360
モデルとダイアグラムの活用の本質
akiramotomura
0
420
「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"
securecat
22
8.8k
メタバース プレゼン講座1. マインドセット編
yusuke_akita
0
150
アイデアと上手くつきあう方法
more_t
5
12k
Lean UX でまわす、まわるプロダクト開発
mariosakata
1
740
保育中心設計でつくる保育ICTの裏側
hiro93n
0
220
顧客信頼性向上のためのデザイン
mizuena
1
490
Finnegan Tester Pilot
joehealey
0
390
i3DESIGN_Culture_Book / for Designer
i3design
0
7.9k
Blend the DESIGN - 融ける“デザインのチカラ” / Designship2022
visional_engineering_and_design
1
2.5k

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
22
43k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
6
4.5k
How to name files
jennybc
47
73k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
9.1k
A Modern Web Designer's Workflow
chriscoyier
689
180k
What's new in Ruby 2.0
geeforr
336
30k
Writing Fast Ruby
sferik
613
58k
Building Better People: How to give real-time feedback that sticks.
wjessup
346
17k
Teambox: Starting and Learning
jrom
124
7.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
10k

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>