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

Responsive workshop: navigation

Jeremy Keith
April 11, 2013
Design
2
330

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
57
“Web3” and “AI”
adactio
0
52
In And Out Of Style
adactio
0
19
The State Of The Web
adactio
0
35
Sci-fi And Me
adactio
0
44
Design Principles For The Web
adactio
0
41
Building
adactio
0
30
The Layers Of The Web
adactio
0
280
Taking Back The Web
adactio
1
710

Other Decks in Design

See All in Design
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
190
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
cremacrema
3
2.9k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
マンガで分かるサービスデザインガイドライン
senryakuka
1
550
最速[要出典]アクセシビリティチェック
magi1125
2
200
Masked shaman-Storyboard 2025
ashley0521
0
160
Dinosaur Mayhem
storyartist
0
140
横断組織デザイナーの働き方
mixi_design
PRO
0
330
太田博三(@usagisan2020)
otanet
0
220

Featured

See All Featured
4 Signs Your Business is Dying
shpigford
182
22k
A Philosophy of Restraint
colly
203
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Site-Speed That Sticks
csswizardry
3
370
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Typedesign – Prime Four
hannesfritz
40
2.5k
What's in a price? How to price your products and services
michaelherold
244
12k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Making Projects Easy
brettharned
116
6k

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>