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
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
140
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
3
17k
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
370
インフラ寄りSREの生存戦略
sansantech
PRO
1
380
Lazy application authentication with Tailscale
bluehatbrit
0
220
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
PO初心者が考えた ”POらしさ”
nb_rady
0
210
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
2
7.2k
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
170
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
190
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.9k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7k
Automating Front-end Workflow
addyosmani
1370
200k
GitHub's CSS Performance
jonrohan
1031
460k
The Language of Interfaces
destraynor
158
25k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
KATA
mclloyd
30
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
A better future with KSS
kneath
238
17k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
What's in a price? How to price your products and services
michaelherold
246
12k
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