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
99
spaces-final-frontier-cil-2019.pdf
rdegler
0
270
The Price is Right- promoting and giving away free textbooks
rdegler
0
120
The Never-Ending Story, Web Redesign
rdegler
0
230
The Price is Right
rdegler
0
180
COPE cybertour cil 2018
rdegler
1
140
Web Redesign: Forever & in Teams
rdegler
0
370
oerx Introduction
rdegler
0
93
How To C.O.P.E
rdegler
0
190
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Side Projects
sachag
452
42k
Rails Girls Zürich Keynote
gr2m
94
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Visualization
eitanlees
146
15k
The Cult of Friendly URLs
andyhume
78
6.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Embracing the Ebb and Flow
colly
84
4.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
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.”