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
110
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
71
spaces-final-frontier-cil-2019.pdf
rdegler
0
230
The Price is Right- promoting and giving away free textbooks
rdegler
0
90
The Never-Ending Story, Web Redesign
rdegler
0
190
The Price is Right
rdegler
0
140
COPE cybertour cil 2018
rdegler
1
110
Web Redesign: Forever & in Teams
rdegler
0
330
oerx Introduction
rdegler
0
73
How To C.O.P.E
rdegler
0
150
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
Being A Developer After 40
akosma
67
580k
Docker and Python
trallard
35
2.7k
For a Future-Friendly Web
brad_frost
172
9k
The Mythical Team-Month
searls
217
42k
Git: the NoSQL Database
bkeepers
PRO
423
63k
The Pragmatic Product Professional
lauravandoore
26
5.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
66
14k
Faster Mobile Websites
deanohume
300
30k
Agile that works and the tools we love
rasmusluckow
325
20k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Become a Pro
speakerdeck
PRO
13
4.6k
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.”