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
380

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
99
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
95
In And Out Of Style
Avatar for Jeremy Keith adactio
0
61
The State Of The Web
Avatar for Jeremy Keith adactio
0
74
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
85
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
79
Building
Avatar for Jeremy Keith adactio
0
67
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
340
Taking Back The Web
Avatar for Jeremy Keith adactio
1
800

Other Decks in Design

See All in Design
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
1.1k
Diverse Design Team Deck
Avatar for Diverse diverse
0
300
The Spring Festival
Avatar for Jisun jisun
0
130
第18回サイゼミ
Avatar for LW lw
1
1.1k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
960
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
180
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
6.5k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
260
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
150
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
540
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
370

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
580
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
4.1k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
190
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
0
2k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
990
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
100
Done Done
Avatar for chrislema chrislema
186
16k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
35k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
260
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.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>