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
130
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
300
The Price is Right- promoting and giving away free textbooks
rdegler
0
140
The Never-Ending Story, Web Redesign
rdegler
0
260
The Price is Right
rdegler
0
210
COPE cybertour cil 2018
rdegler
1
150
Web Redesign: Forever & in Teams
rdegler
0
390
oerx Introduction
rdegler
0
100
How To C.O.P.E
rdegler
0
200
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Producing Creativity
orderedlist
PRO
346
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Become a Pro
speakerdeck
PRO
29
5.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
990
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Gamification - CAS2011
davidbonilla
81
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
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.”