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
120
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
160
Web Redesign: Forever & in Teams
rdegler
0
400
oerx Introduction
rdegler
0
110
How To C.O.P.E
rdegler
0
220
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
224
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Thoughts on Productivity
jonyablonski
70
4.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
BBQ
matthewcrist
89
9.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Code Reviewing Like a Champion
maltzj
526
40k
How GitHub (no longer) Works
holman
315
140k
It's Worth the Effort
3n
187
28k
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.”