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
360

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
85
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
83
In And Out Of Style
Avatar for Jeremy Keith adactio
0
47
The State Of The Web
Avatar for Jeremy Keith adactio
0
60
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
74
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
67
Building
Avatar for Jeremy Keith adactio
0
56
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
330
Taking Back The Web
Avatar for Jeremy Keith adactio
1
770

Other Decks in Design

See All in Design
What makes a great Director?
Avatar for _Limex_ _limex_
0
260
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
4.1k
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
160
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
140
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
730
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
130
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
490
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.2k
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
840
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
4
710
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
300

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
2.6k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k

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>