Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Getting Real: Responsive & Adaptive Web Design
Search
Scott Jungling
August 13, 2015
Technology
0
63
Getting Real: Responsive & Adaptive Web Design
Presented at eTail East 2015
Scott Jungling
August 13, 2015
Tweet
Share
More Decks by Scott Jungling
See All by Scott Jungling
Build.com Development Process
sjungling
0
51
Git'ing Started with Git
sjungling
3
130
Other Decks in Technology
See All in Technology
Geminiとv0による高速プロトタイピング
shinya337
1
270
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
280
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
320
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.9k
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
280
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
120
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
2k
LLM時代の検索
shibuiwilliam
2
180
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
350
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
150
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Site-Speed That Sticks
csswizardry
10
690
Raft: Consensus for Rubyists
vanstee
140
7k
Designing for Performance
lara
610
69k
Scaling GitHub
holman
460
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Navigating Team Friction
lara
187
15k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Transcript
Getting Real: Responsive & Adaptive Mobile Design
Hello! I AM SCOTT JUNGLING Front-End Engineering Manager Build.com
/talking-point/ ◦ What are we trying to solve? ◦ Making
sense of the <abbr>soup</abbr> ◦ History of mobile @ Build.com
“ As consumers increasingly shop on their mobile devices, how
can we efficiently provide them with a tailored experience that will increase conversions?
Two Schools of Thought RWD vs AWD
RESPONSIVE WEB DESIGN Why bother?
None
RESPONSIVE WEB DESIGN
None
RESPONSIVE WEB DESIGN IN PRACTICE
ADAPTIVE WEB DESIGN
PRODUCT PAGE COMPARISON Mobile Tablet Desktop Page Load 5.5s 6.1s
7.7s Weight (MB) 1.31 1.35 2.44 Requests 99 106 265
PRODUCT PAGE COMPARISON Mobile Tablet Desktop Page Load 5.5s 6.1s
7.7s Start Render 1.7s 2.3s 2.6s Weight (MB) 1.31 1.35 2.44 Requests 99 106 265
ADAPTIVE BUILD.COM
History Build.com through the years
2012 www. m.
2013–4 3rd Party www. t. m.
2014–5 www. www. www
2016–? www. www.
RWD + AWD = RESS
Responsive Design Server Side Components RESS AWD RWD
Further Info ◦ A Book Apart, Responsive Web Design ◦
RESS ◦ Google PageSpeed Insights ◦ MediaQueri.es
THANKS! Any questions?
CREDITS Special thanks to all the people who made and
released these awesome resources for free: ◦ Presentation template by SlidesCarnival ◦ Photographs by Unsplash