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
The Right Ingredients Make a Great Mobile Site
Search
Roy Degler
October 20, 2017
0
140
The Right Ingredients Make a Great Mobile Site
Roy Degler
October 20, 2017
Tweet
Share
More Decks by Roy Degler
See All by Roy Degler
LibChat training
rdegler
0
110
spaces-final-frontier-cil-2019.pdf
rdegler
0
310
The Price is Right- promoting and giving away free textbooks
rdegler
0
150
The Never-Ending Story, Web Redesign
rdegler
0
270
The Price is Right
rdegler
0
220
COPE cybertour cil 2018
rdegler
1
150
Web Redesign: Forever & in Teams
rdegler
0
400
oerx Introduction
rdegler
0
110
How To C.O.P.E
rdegler
0
210
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Navigating Team Friction
lara
189
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Why Our Code Smells
bkeepers
PRO
339
57k
We Have a Design System, Now What?
morganepeng
53
7.8k
Faster Mobile Websites
deanohume
310
31k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Transcript
The Right Ingredients Make a Great Mobile Site
Selection
Bootstrap • 3.37 vs 4.0 • Popular in Libraries •
SpringShare
Foundation • Foundation by Zurb • Popular with developers •
Backed by Zurb • Great training, products, and services
PureCSS • Small, Compact, and Basic • Built by Yahoo
• Often used a starting point
Material Design • Focus on Mobile • Google • Integrated
with JS Frameworks
Suggested • Bootstrap • SpringShare Support • Foundation • Version
6.4 over Bootstrap 4.0 beta
Implementation
CDN vs Hosting • Depends on approach to customizing •
Control vs Ease
CSS or SCSS • Learn New Tech • Stay with
the tried and true
Features • Things to Avoid • Carousels • No ADA
support • Content and Functionality • Tabs? • Mobile First
Browser Support • Internet Explorer / Edge • Flex vs
Float Grids
Learning/Support • Bootstrap • w3schools.com • Community (Libraries) • Foundation
• Zurb Training Videos • Webinars (free and paid)
Examples
–Enrico Fermi “Before I came here I was confused about
this subject. Having listened to your lecture I am still confused. But on a higher level.”