Mobile Browser Wars
Sven Wolfermann | maddesigns

Servus

Browser Wars History

Browser Wars History

Browser Wars History

Browser Wars History

Chrome joins the party (December 11, 2008)

 

Browser War in the Mobile Age

Browser War in the Mobile Age

 

 

“Problem” RWD (Multi-Device)

 

Problem of Cross Browser Support

Mobile Browsers

iOS Browsers

Android Browsers

many many browsers

WindowsPhone Browsers

IE engine only (Trident)

Top Mobile & Tablet Browsers Worldwide

Dec 2013 to Feb 2014

Top Mobile & Tablet Browsers Worldwide

Aug 2012 to Mar 2014

Android Problems

Update possibilities

Problems:

Android ≠ Android

Problems: different system fonts

Caniuse.com – compare HTML5/CSS3 Features

Big browser feature differences

Problems

“Safari on iOS 7 is the buggiest version”

You might not need jQuery?

List of browser-specific workarounds that jQuery addresses

Responsive Images

RICG so: <picture>

WebKit so: Meh! srcset!

  <img src="normal-image.jpg" srcset="better-image.jpg 2x">

Chrome 34 will have srcset too, Firefox working on it

next step: <picture> with srcset

Testing/Debugging

Testing and Debugging Responsive Web Design (Slides)

WebShims
by Alex Farkas

Webshim is a polyfill library that enables you to reliably use HTML5 features across browsers, even if native support is lacking.

What will bring the Future?

no Regions? / no Shadow DOM?

Other Countries, Other Browsers

Mobile browsers in other countries (Europe)

Mobile browsers in other countries (Asia)

UC Browser

No1 browser in China and India

Firefox OS

Firefox OS Web APIs

Old Mobile Browsers/Proxy Browser/Future Browsers

Console Browsers / TV Browsers

Playing with Game Console Browsers by Anna Debenham

Game console browsers HTML5/CSS3/Acid3 Tests