Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Responsive workshop: navigation

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
400
2

Responsive workshop: navigation

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
Avatar for Jeremy Keith adactio
0
140
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
130
In And Out Of Style
Avatar for Jeremy Keith adactio
0
100
The State Of The Web
Avatar for Jeremy Keith adactio
0
110
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
110
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
110
Building
Avatar for Jeremy Keith adactio
0
120
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
380
Taking Back The Web
Avatar for Jeremy Keith adactio
1
850

Other Decks in Design

See All in Design
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.1k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
270
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
6.6k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
130
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.6k
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗　ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
Avatar for Kimura Atsunobu a2k
2
110
Design dependencies
Avatar for Teba_eleven teba_eleven
0
180
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
Avatar for こぎそ / Shinichi Kogiso kgsi
14
22k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
320
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
670
自社プロダクトのUIをAIが再現するデザインビルドシステム
Avatar for toy toy1618
0
1.1k
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
510

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
530
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
203
76k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
3.1k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k

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>