SlideShare a Scribd company logo
1 of 54
Download to read offline
Mobile is Mainstream
WDC / 13-12-11 / Hamburg
@rolandguelle

1
Welcome to #Neuland!

2
How the Web has Changed Us

http://www.flickr.com/photos/72645106@N00/58054501
3
Shopping

http://www.flickr.com/photos/labormikro/2786878184
4
News

http://www.flickr.com/photos/lemonpixel/5337356098
5
Knowledge

http://www.flickr.com/photos/mecklenburg/4430608826
6
"Ich glaube an das Pferd.
Das Automobil ist nur
eine vorübergehende
Erscheinung."
- Kaiser Wilhelm II.
(1859-1941)

7
Mobile is Mainstream

8
Ferdinand Georg Waldmüller
„Die Erwartete“
(1850 oder 1860)

9
Digital Cigaret

http://www.flickr.com/photos/theeerin/7065570887/
10
http://www.dailymail.co.uk/sciencetech/article-2478328/One-kids-use-mobile-phone-tablet-speak-sentences.html

„One in three kids use a mobile phone
or tablet before they can talk.“

http://www.flickr.com/photos/intelfreepress/8433147083
11
http://www.digitalstrategyconsulting.com/intelligence/2013/10/india_internet_use_over_50_web_users_are_mobileonly.php

„India internet use: Over 50%
web users are ‘mobile-only’“

http://www.flickr.com/photos/67682919@N05/7589102268
12
http://blogs.worldbank.org/africacan/more-cell-phones-than-toilets

„...more people today have access to a
cell phone than to a clean toilet.“

http://www.flickr.com/photos/gtzecosan/2957888216
13
http://www.engadget.com/2013/08/14/lenovo-posts-q1-2014-earnings/

„Lenovo posts Q1 earnings, reveals that
its mobile sales have overtaken PCs“

http://www.flickr.com/photos/49968232@N00/3473028040
14
Mobile Usage

15
Smartphones

http://www.flickr.com/photos/jakecaptive/419257766
16
Sensors

http://www.flickr.com/photos/kubapinkwiner/5374484075/
17
Superpower!

digital becomes physical
physical becomes digital

http://www.flickr.com/photos/greenog/5458540501
18
Frontend Technologies

http://www.flickr.com/photos/grunge/4809128956
19
Design Principles

http://www.flickr.com/photos/adactio/5818096043
20
Progressive Enhancement

http://www.flickr.com/photos/garethr/449616792
21
Party On!

http://www.flickr.com/photos/lorenjavier/6734736977
22
...but we do it wrong :(

http://www.flickr.com/photos/gerardstolk/4989786533
23
History...

http://www.flickr.com/photos/ericbvd/6174512852
24
http://wtfmobileweb.com

...Repeats?

25
http://www.guypo.com/mobile/what-are-responsive-websites-made-of/

Shrink & Hide

Test of 500 responsive websites with different resolutions
26
http://httparchive.org/trends.php#numurls

Sites are Growing
1617kB

27
http://press.1and1.co.uk/xml/article?article_id=1123

„The extent of consumer annoyance is hardly surprising
when we consider the average Briton estimates that they
waste 9 minutes every day, or 2 days a year, waiting
for slow websites to load.“

http://www.flickr.com/photos/donkeyhotey/5679642883/
28
Experience

An experience is only as strong as its weakest link.
The browser is the known unknown.

http://adactio.com/extras/slides/thereisnomobileweb.pdf
29
Exclusive vs. Mainstream

http://www.ijailbreak.com/applications/over-400000-apps-in-apple-app-store-have-zero-downloads/
30
The Future Will Save Us

31
HTML, CSS, JavaScript, Sublime Text, PHP, Python, Ruby,
Rails, Django, bash, Grunt, Git, Photoshop, Fabric, XPath,
Drowning and paper, BDD, Sharpies, Textmate, IE,
GPU, CPU, pen
Composer, jank, Ice Cream Sandwich, Node, XP, Marionette,
Cake, npm, Transmit, e-mail, flexbox, Firefox, a11y, Yeoman,
Brunch, zsh, MVC, angular, Ghostlab, Illustrator, Backbone,
dotfiles, Express, A/B testing, Chrome, stand-ups, semver,
analytics, bizdev, Fireworks, .gitkeep, TDD, Silex, URIs, HTTP,
URIs, rebase, jQuery, Jekyll, Travis, Charles, Critical Render
Path, JSON, Hammer, i10n, Bower, Capybara, Capistrano,
Watir, Buster, Mocha, Puppet, Chef, Virtualbox, CoffeeScript,
Firefox, Adobe Edge, Jellybean, Webdriver, LightTable,
Cucumber, Batman, ARIA, Web Components, Flight, AdWords,
SPDY, Agile, shadow DOM, uglify, svn, clojure, RWD, SPDY,
webGL, x-tags, progressive enhancement, Bricks, tree.js,
blink, ...
... and you will have missed something.
http://thatemil.com/blog/2013/05/22/drowning
32
http://owened.co.nz/the-web-isnt-as-easy-as-it-used-to-be-for-new-developers

„The web isn’t as
easy as it used
to be for new
developers.“

http://www.flickr.com/photos/mar00ned/229903286
33
The Expectation GAP

http://www.flickr.com/photos/russwalker/7509439306
34
Software gets worse over Time

35
http://www.computerwoche.de/a/it-mit-zwei-geschwindigkeiten,1235936

Speed vs. Stability

Fron
Dev tend
elop
er

Bac
Dev kend
elop
er

36
Front-end Development

37
Zombie Sites

http://www.flickr.com/photos/laszy/3168779952
38
NO.

39
Prepare Yourself

http://www.flickr.com/photos/matthileo/3753385131
40
http://www.sarahlay.com/2013/07/me-first-is-responsive-design-a-distraction-from-good-content

“Use mobile as a Trojan horse, as a catalyst to fix
what’s wrong with your website and process.”
Karen McGrane

http://www.flickr.com/photos/mac9001/7074325187
41
https://speakerdeck.com/addyosmani/automating-front-end-workflow

Toolchain

Costs of a Deployment?
Costs of Change Requests?

http://www.flickr.com/photos/jm3/355207892
42
Embed the Server

http://www.flickr.com/photos/coffeegeek/3201175260
43
http://tripleodeon.com/2010/10/modernizr-on-the-server-side/
44
http://www.netmagazine.com/tutorials/getting-started-ress
http://slideshare.net/4nd3rsen/ress-responsive-design-server-side-components-10084972

45
https://github.com/igrigorik/http-client-hints
46
Just Imagine...

http://www.flickr.com/photos/imaginecup/5607890599
47
Integra
ted Fro
DevToo nt-end
ls

http://remotedebug.org/
48
Headle
ss Bro
Runtim wser
e

/
p://casperjs.org
htt
/
/phantomjs.org
http:/

tp://slimerjs.org
ht
g/
http://triflejs.or

49
A Serv
er for F
Develo ront-end
pers

http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/
50
Flexibl
e Back
e
Fronte
nd Dev nds for
eloper
s

http://nobackend.org/
51
http://blog.hood.ie/2013/11/say-hello-to-offline-first/

Offline
F
as Min irst!
dset

http://offlinefirst.org/
52
Imagine The Impossible
Welcome to #Neuland!

53
Let‘s talk!

Thank Yo
u!

@rolandguelle
54

More Related Content

Similar to Mobile is mainstream

Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Therese Kokot
 

Similar to Mobile is mainstream (20)

Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
 
Developing for Mobile
Developing for MobileDeveloping for Mobile
Developing for Mobile
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
 
Cloud Distribution Forecast: Unsettled
Cloud Distribution Forecast: UnsettledCloud Distribution Forecast: Unsettled
Cloud Distribution Forecast: Unsettled
 
Finding harmony in web development
Finding harmony in web developmentFinding harmony in web development
Finding harmony in web development
 
AssetTouchAndTry-20180322
AssetTouchAndTry-20180322AssetTouchAndTry-20180322
AssetTouchAndTry-20180322
 
Technology Careers v2.0 SP1 Ultimate Edition
Technology Careers v2.0 SP1 Ultimate EditionTechnology Careers v2.0 SP1 Ultimate Edition
Technology Careers v2.0 SP1 Ultimate Edition
 
Papaya webinar: leveraging lifecycle
Papaya webinar: leveraging lifecyclePapaya webinar: leveraging lifecycle
Papaya webinar: leveraging lifecycle
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
 
Flourish2011
Flourish2011Flourish2011
Flourish2011
 
Google 2.0 - More than just a search engine.
Google 2.0 - More than just a search engine.Google 2.0 - More than just a search engine.
Google 2.0 - More than just a search engine.
 
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013
 
Mobile Trends 2012
Mobile Trends 2012Mobile Trends 2012
Mobile Trends 2012
 
The Case for HTTP/2 - Internetdagarna 2015 - Stockholm
The Case for HTTP/2  - Internetdagarna 2015 - StockholmThe Case for HTTP/2  - Internetdagarna 2015 - Stockholm
The Case for HTTP/2 - Internetdagarna 2015 - Stockholm
 
Looking for a place to hang my helmet
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 

Mobile is mainstream