SlideShare une entreprise Scribd logo
1  sur  200
Télécharger pour lire hors ligne
Oct, 10th, 2011
   Aarhus, Denmark




                         THE MOBILE BROWSER
                            AS A PLATFORM
                             Max Firtman @firt
                            mobile+web developer




Monday, October 10, 11
who am I?

      mobile+web developer
      mobilexweb.com blog


                         @firt

Monday, October 10, 11
where?




Monday, October 10, 11
where?
        buenos aires ~ argentina




Monday, October 10, 11
where?
        buenos aires ~ argentina
                         patagonia
                         football
                         meat & wine
                         tango
Monday, October 10, 11
Monday, October 10, 11
books




                         Image from my house
Monday, October 10, 11
Monday, October 10, 11
Using the Latest Today




            Mobile
            HTML5
                                                                  coming soon...
                                                   Estelle Weyl
                                        & Maximiliano Firtman     also by @estellevw
Monday, October 10, 11
many of you have
                 two questions for me



Monday, October 10, 11
the first answer is no




Monday, October 10, 11
the second answer is
                         yes



Monday, October 10, 11
but with a problem




Monday, October 10, 11
why mobile?




Monday, October 10, 11
2015 is coming...




Monday, October 10, 11
Monday, October 10, 11
mobile devices are our
          flying cars




Monday, October 10, 11
mobile is more about
                         users



Monday, October 10, 11
mobile




Monday, October 10, 11
mobile
                         ‣   absolutely personal




Monday, October 10, 11
mobile
                         ‣ absolutely personal
                         ‣ +5 billions




Monday, October 10, 11
mobile
                         ‣ absolutely personal
                         ‣ +5 billions

                         ‣ make us focus




Monday, October 10, 11
mobile
                         ‣ absolutely personal
                         ‣ +5 billions

                         ‣ make us focus

                         ‣ read our context...




Monday, October 10, 11
mobile
                         ‣ absolutely personal
                         ‣ +5 billions

                         ‣ make us focus

                         ‣ read our context...

                         ‣ ... always...




Monday, October 10, 11
mobile
                         ‣ absolutely personal
                         ‣ +5 billions

                         ‣ make us focus

                         ‣ read our context...

                         ‣ ... always...

                         ‣ ... and everywhere.




Monday, October 10, 11
then... what is the
                             problem?



Monday, October 10, 11
mobile is a
   minefield



                   Photo by World of Good (Flickr)
        Malvinas / Falklands Islands



Monday, October 10, 11
lots of questions

     Photo by wayneandwax (Flickr)
Monday, October 10, 11
we need to learn
                         lots of questions

Monday, October 10, 11
lots of platforms
Monday, October 10, 11
mobile web appears




Monday, October 10, 11
native
                           vs
                          web


Monday, October 10, 11
WAIT!




Monday, October 10, 11
Are you sure?




Monday, October 10, 11
native code
                              vs
                          javascript


Monday, October 10, 11
browser
                                vs
                         installed apps
                            & stores

Monday, October 10, 11
lack of definitions




Monday, October 10, 11
when we say mobile web




Monday, October 10, 11
when we say mobile web
                         from a developer’s
                         perspective it’s using HTML,
                         CSS and JavaScript to
                         develop mobile apps



Monday, October 10, 11
when we say mobile web
                         from a developer’s
                         perspective it’s using HTML,
                         CSS and JavaScript to
                         develop mobile apps

                         (browser or installed)

Monday, October 10, 11
what are the
                         problems with
                          mobile web?


Monday, October 10, 11
we are second class
                       producers



Monday, October 10, 11
second class




Monday, October 10, 11
second class
                         ‣vague, non-existent or outdated
                         documentation




Monday, October 10, 11
second class
                         ‣ vague, non-existent or outdated
                          documentation
                         ‣ new features discovered by

                          third-parties




Monday, October 10, 11
second class
                         ‣ vague, non-existent or outdated
                          documentation
                         ‣ new features discovered by

                          third-parties
                         ‣ lack of samples




Monday, October 10, 11
second class
                         ‣ vague, non-existent or outdated
                          documentation
                         ‣ new features discovered by

                          third-parties
                         ‣ lack of samples

                         ‣ no developer tools




Monday, October 10, 11
Testing & debugging



Monday, October 10, 11
Standards!




Monday, October 10, 11
Photo by Ben Millett (Flickr)
Monday, October 10, 11
Monday, October 10, 11
Are you
         sure?




     Photo by Ricky David (Flickr)
Monday, October 10, 11
What is      ?



Monday, October 10, 11
html5




Monday, October 10, 11
html5
                         ‣   w3c standards (all in draft)




Monday, October 10, 11
html5
                         ‣ w3c standards (all in draft)
                         ‣ some are other w3c standards




Monday, October 10, 11
html5
                         ‣ w3c standards (all in draft)
                         ‣ some are other w3c standards

                         ‣ de-facto standards




Monday, October 10, 11
html5
                         ‣ w3c standards (all in draft)
                         ‣ some are other w3c standards

                         ‣ de-facto standards

                         ‣ w3c ex-standards




Monday, October 10, 11
html5
                         ‣ w3c standards (all in draft)
                         ‣ some are other w3c standards

                         ‣ de-facto standards

                         ‣ w3c ex-standards

                         ‣ everything “new” on the web




Monday, October 10, 11
do you want more?




Monday, October 10, 11
do you want more?

                         ‣   mobile html5




Monday, October 10, 11
do you want more?

                         ‣ mobile html5
                         ‣ wednesday 15.50




Monday, October 10, 11
do you want more?

                         ‣ mobile html5
                         ‣ wednesday 15.50

                         ‣ mobile track




Monday, October 10, 11
Let’s clarify



Monday, October 10, 11
mobile browsers




Monday, October 10, 11
mobile browsers
                         ‣   too many




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited

                         ‣ (some) too innovative




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited

                         ‣ (some) too innovative

                         ‣ (some) proxy based




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited

                         ‣ (some) too innovative

                         ‣ (some) proxy based

                         ‣ (most) without documentation




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited

                         ‣ (some) too innovative

                         ‣ (some) proxy based

                         ‣ (most) without documentation

                         ‣ (most) without a name




Monday, October 10, 11
mobile browsers
                         ‣ too many
                         ‣ (some) too limited

                         ‣ (some) too innovative

                         ‣ (some) proxy based

                         ‣ (most) without documentation

                         ‣ (most) without a name

                         ‣ (most) without debugging tools



Monday, October 10, 11
mobile browsers




Monday, October 10, 11
mobile browsers
                         ‣   (some) focus-based




Monday, October 10, 11
mobile browsers
                         ‣ (some) focus-based
                         ‣ (some) cursor-based




Monday, October 10, 11
mobile browsers
                         ‣ (some) focus-based
                         ‣ (some) cursor-based

                         ‣ (some) touch-based




Monday, October 10, 11
mobile browsers
                         ‣ (some) focus-based
                         ‣ (some) cursor-based

                         ‣ (some) touch-based

                         ‣ (some) multitouch-based




Monday, October 10, 11
mobile browsers
                         ‣ (some) focus-based
                         ‣ (some) cursor-based

                         ‣ (some) touch-based

                         ‣ (some) multitouch-based

                         ‣ (some) with zooming support




Monday, October 10, 11
mobile browsers
                         ‣ (some) focus-based
                         ‣ (some) cursor-based

                         ‣ (some) touch-based

                         ‣ (some) multitouch-based

                         ‣ (some) with zooming support

                         ‣ (most) unknown for web devs




Monday, October 10, 11
MOBILE WEB USAGE!


                           Smartphones,         Smartphones,


                           Social,Phones,       Social,Phones,


                                                  Feature,
                          Feature,Phones,
                                                  Phones,

                         MARKET SHARE!




Monday, October 10, 11
some are known




Monday, October 10, 11
some are known

                         ‣ Safari (on iOS)
                         ‣ Opera Mobile (on Android & Symbian)

                         ‣ Firefox (on Android)

                         ‣ Internet Explorer (on Windows Phone)




Monday, October 10, 11
some are unknown




Monday, October 10, 11
some are unknown
                         ‣ Nokia Browser (on Symbian, S40 & Meego 1.2)
                         ‣ BlackBerry Browser

                         ‣ webOS Browser

                         ‣ Bada Browser

                         ‣ Opera Mini

                         ‣ NetFront

                         ‣ Myriad

                         ‣ Phantom

                         ‣ Skyfire
Monday, October 10, 11
and some are coming...




Monday, October 10, 11
and some are coming...
                         ‣   Google Chrome
                         ‣   Amazon Silk




Monday, October 10, 11
they are on tablets too!




Monday, October 10, 11
they are on tablets too!
                         ‣ Safari
                         ‣ Android Browser

                         ‣ webOS Browser

                         ‣ BlackBerry Browser

                         ‣ Opera Mini




Monday, October 10, 11
and with different
                            versions...



Monday, October 10, 11
and there’s more!



Monday, October 10, 11
pseudo-browsers




Monday, October 10, 11
pseudobrowsers




Monday, October 10, 11
pseudobrowsers

                    ‣    mostly on iOS and Android




Monday, October 10, 11
pseudobrowsers

                    ‣ mostly on iOS and Android
                    ‣ uses the internal web control




Monday, October 10, 11
pseudobrowsers

                    ‣ mostly on iOS and Android
                    ‣ uses the internal web control

                    ‣ have different behavior than the

                     native!




Monday, October 10, 11
Monday, October 10, 11
don’t give up yet




Monday, October 10, 11
webkit on mobile


Monday, October 10, 11
mobile IE reborn




Monday, October 10, 11
mobile IE reborn

                    ‣     on Windows Phone 7.5, full
                         Internet Explorer 9 with HTML5




Monday, October 10, 11
mobile IE reborn

                    ‣ on Windows Phone 7.5, full
                     Internet Explorer 9 with HTML5
                    ‣ but...




Monday, October 10, 11
the webkit problem




Monday, October 10, 11
the webkit problem
                     ‣   we are doing some things wrong




Monday, October 10, 11
the webkit problem
                     ‣ we are doing some things wrong
                     ‣ mostly css3




Monday, October 10, 11
the webkit problem
                     ‣ we are doing some things wrong
                     ‣ mostly css3

                     ‣ IE9, Firefox, Opera second-class

                      citizens




Monday, October 10, 11
the webkit problem
                     ‣ we are doing some things wrong
                     ‣ mostly css3

                     ‣ IE9, Firefox, Opera second-class

                      citizens
                     ‣ The history is repeating!




Monday, October 10, 11
do responsible web




Monday, October 10, 11
do responsible web
                   ‣     do WebKit development for mobile




Monday, October 10, 11
do responsible web
                   ‣ do WebKit development for mobile
                   ‣ but do not discriminate your users




Monday, October 10, 11
do responsible web
                   ‣ do WebKit development for mobile
                   ‣ but do not discriminate your users

                   ‣ please?




Monday, October 10, 11
we need to forget
                             and learn



Monday, October 10, 11
forget about




Monday, October 10, 11
forget about
                         ‣   pixels




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks   (ok, not always)




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks   (ok, not always)

                         ‣ always connected




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks   (ok, not always)

                         ‣ always connected

                         ‣ unlimited power




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks (ok, not always)

                         ‣ always connected

                         ‣ unlimited power

                         ‣ everyone see the same




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks (ok, not always)

                         ‣ always connected

                         ‣ unlimited power

                         ‣ everyone see the same

                         ‣ emulate native ui exactly




Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks (ok, not always)

                         ‣ always connected

                         ‣ unlimited power

                         ‣ everyone see the same

                         ‣ emulate native ui exactly

                         ‣ device conditionals



Monday, October 10, 11
forget about
                         ‣ pixels
                         ‣ desktop frameworks (ok, not always)

                         ‣ always connected

                         ‣ unlimited power

                         ‣ everyone see the same

                         ‣ emulate native ui exactly

                         ‣ device conditionals

                         ‣ suppose

Monday, October 10, 11
learn about




Monday, October 10, 11
learn about
                         ‣   server-side detection




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement

                         ‣ responsive design, but....




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement

                         ‣ responsive design, but....

                         ‣ mobile usability




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement

                         ‣ responsive design, but....

                         ‣ mobile usability

                         ‣ best experience for each context




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement

                         ‣ responsive design, but....

                         ‣ mobile usability

                         ‣ best experience for each context

                         ‣ the “top model” approach, aka WPO




Monday, October 10, 11
learn about
                         ‣ server-side detection
                         ‣ progressive enhancement

                         ‣ responsive design, but....

                         ‣ mobile usability

                         ‣ best experience for each context

                         ‣ the “top model” approach, aka WPO

                         ‣ gain user loyalty



Monday, October 10, 11
responsive design




Monday, October 10, 11
responsive design




                             foodsense.is
Monday, October 10, 11
learn about




Monday, October 10, 11
learn about
                     ‣   the viewport




Monday, October 10, 11
learn about
                     ‣ the viewport
                     ‣ target density (pixel ratio)




Monday, October 10, 11
learn about
                     ‣ the viewport
                     ‣ target density (pixel ratio)

                     ‣ how and when to fix elements on

                      screen




Monday, October 10, 11
learn about
                     ‣ the viewport
                     ‣ target density (pixel ratio)

                     ‣ how and when to fix elements on

                      screen
                     ‣ how background code works




Monday, October 10, 11
learn about
                     ‣ the viewport
                     ‣ target density (pixel ratio)

                     ‣ how and when to fix elements on

                      screen
                     ‣ how background code works

                     ‣ data URI - inlining content




Monday, October 10, 11
mobile web toolkit



Monday, October 10, 11
emulators




                         www.mobilexweb.com/emulators

Monday, October 10, 11
friends

                 lots of them




Monday, October 10, 11
virtual labs

            real devices on real networks




            www.perfectomobile.com   www.deviceanywhere.com

Monday, October 10, 11
device libraries

            detect devices and abilities from server-side

            manually tested



                         www.wurfl.com   www.deviceatlas.com

Monday, October 10, 11
debugging tools
           remote web inspector (BB 7.0 y PlayBook)
           opera mobile (DragonFly)
           weinre




        phonegap.github.com/weinre   debug.phonegap.com

Monday, October 10, 11
performance tools
           just starting...




         http://stevesouders.com/mobileperf/

Monday, October 10, 11
what can we do
                             today?



Monday, October 10, 11
mobile webapps
                          capabilities
            offline storage
            geolocation
            device motion
            drawing
            animations / transitions / transformations
            chrome-less experience
            touch and gesture events

Monday, October 10, 11
google services
Monday, October 10, 11
what about
                         packagers?



Monday, October 10, 11
html5 offline
                 Application cache
                 Web Storage API
                 Full-screen homepage installation iOS




Monday, October 10, 11
app.ft.com
Monday, October 10, 11
phonegap
                 open-source & free
                 nitobi & adobe

                 camera
                 contacts
                 file
                 device


Monday, October 10, 11
BTW




Monday, October 10, 11
you are guilty!




Monday, October 10, 11
users hate you




Monday, October 10, 11
why?




Monday, October 10, 11
Monday, October 10, 11
Monday, October 10, 11
Monday, October 10, 11
Monday, October 10, 11
mobile
                     web
                   is slow



Picture from Simon Howden freedigitalphotos.net!
Monday, October 10, 11
mobile web is slow
                            because...




Monday, October 10, 11
mobile web is slow
                            because...

                we are doing it wrong


Monday, October 10, 11
on mobile




Monday, October 10, 11
on mobile
                         ‣   slower networks




Monday, October 10, 11
on mobile
                         ‣ slower networks
                         ‣ higher latency




Monday, October 10, 11
on mobile
                         ‣ slower networks
                         ‣ higher latency

                         ‣ slower hardware




Monday, October 10, 11
on mobile
                         ‣ slower networks
                         ‣ higher latency

                         ‣ slower hardware

                         ‣ different browsing experience




Monday, October 10, 11
on mobile
                         ‣ slower networks
                         ‣ higher latency

                         ‣ slower hardware

                         ‣ different browsing experience

                         ‣ different context




Monday, October 10, 11
on mobile
                         ‣ slower networks
                         ‣ higher latency

                         ‣ slower hardware

                         ‣ different browsing experience

                         ‣ different context

                         ‣ different possible networks




Monday, October 10, 11
web performance
                           optimization



Monday, October 10, 11
wpo mobile




Monday, October 10, 11
wpo mobile
                         ‣   do mobile semantic html5




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques

                         ‣ reduce http requests




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques

                         ‣ reduce http requests

                         ‣ use only semantic images




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques

                         ‣ reduce http requests

                         ‣ use only semantic images

                         ‣ defer




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques

                         ‣ reduce http requests

                         ‣ use only semantic images

                         ‣ defer

                         ‣ internal is better?




Monday, October 10, 11
wpo mobile
                         ‣ do mobile semantic html5
                         ‣ do not redirect

                         ‣ apply known wpo techniques

                         ‣ reduce http requests

                         ‣ use only semantic images

                         ‣ defer

                         ‣ internal is better?

                         ‣ touch instead of click


Monday, October 10, 11
offline storage

                              request (no cookies)


                                      response
                browser                              full html
                                                                  server
                                                  inline images
                                                    css styles
                                                javascript code
                          stores resources in
                            localStorage and
                              create cookie


Monday, October 10, 11
offline storage
                         first load

                                   request (no cookies)


                                           response
                browser                                   full html
                                                                       server
                                                       inline images
                                                         css styles
                                                     javascript code
                               stores resources in
                                 localStorage and
                                   create cookie


Monday, October 10, 11
offline storage

                          request (with cookies)


                                response
                browser                                   server
                                         basic html
                                       basic javascript
                                     updated resources




Monday, October 10, 11
offline storage
                         second load

                                request (with cookies)


                                       response
                browser                                         server
                                               basic html
                                             basic javascript
                                           updated resources




Monday, October 10, 11
forget about
                         DECIDING FOR THE
                                USER


Monday, October 10, 11
WRONG




Monday, October 10, 11
right experience for
       the right context




Monday, October 10, 11
right experience for
       the right context
           ‣   provide different experiences




Monday, October 10, 11
right experience for
       the right context
           ‣ provide different experiences
           ‣ YouTube resolution idea




Monday, October 10, 11
right experience for
       the right context
           ‣ provide different experiences
           ‣ YouTube resolution idea

           ‣ SD/HD version




Monday, October 10, 11
right experience for
       the right context
           ‣ provide different experiences
           ‣ YouTube resolution idea

           ‣ SD/HD version

           ‣ decide best version based




Monday, October 10, 11
right experience for
       the right context
           provide different experiences
           ‣

         ‣ YouTube resolution idea

         ‣ SD/HD version

         ‣ decide best version based

         on context



Monday, October 10, 11
right experience for
       the right context
           provide different experiences
           ‣

         ‣ YouTube resolution idea

         ‣ SD/HD version

         ‣ decide best version based

         on context
         ‣ let the user change the decision



Monday, October 10, 11
some last advices



Monday, October 10, 11
Monday, October 10, 11
performance,
                         performance




Monday, October 10, 11
good practices




Monday, October 10, 11
don’t be fanatic




  photo by Kurt Christensen
           (flickr)
Monday, October 10, 11
be multiplatform




Monday, October 10, 11
be




                         futurefriend.ly
Monday, October 10, 11
best experience for
                           every context




Monday, October 10, 11
you can reach a good
                                  thank you!
                              experience



                     firt.mobi
                firtman@gmail.com
                   twitter: @firt
               www.mobilexweb.com



    Pictures)from)freedigitalphotos.net)
Monday, October 10, 11

Contenu connexe

En vedette

Embedding BCE - Introduction
Embedding BCE - IntroductionEmbedding BCE - Introduction
Embedding BCE - IntroductionJISC BCE
 
Vvd Ppt Presentatie Infra Debatavond Regio Krimpenerwaard
Vvd Ppt Presentatie Infra Debatavond Regio KrimpenerwaardVvd Ppt Presentatie Infra Debatavond Regio Krimpenerwaard
Vvd Ppt Presentatie Infra Debatavond Regio KrimpenerwaardLex_Hofstra
 
Social Media and Face-to-Face Meetings
Social Media and Face-to-Face MeetingsSocial Media and Face-to-Face Meetings
Social Media and Face-to-Face MeetingsMichelle Bruno
 
Úvod do umelej inteligencie
Úvod do umelej inteligencieÚvod do umelej inteligencie
Úvod do umelej inteligencieJuraj Bednar
 
Dhwani09 Lonewolf - Stamps
Dhwani09 Lonewolf - StampsDhwani09 Lonewolf - Stamps
Dhwani09 Lonewolf - StampsJithin Jacob
 
Embedding BCE - Institutional Showcase (Strathclyde)
Embedding BCE - Institutional Showcase (Strathclyde)Embedding BCE - Institutional Showcase (Strathclyde)
Embedding BCE - Institutional Showcase (Strathclyde)JISC BCE
 
Parenting 21st Century Children
Parenting 21st Century ChildrenParenting 21st Century Children
Parenting 21st Century ChildrenGraham Whisen
 
Saturn - Tcacenco Alina
Saturn - Tcacenco AlinaSaturn - Tcacenco Alina
Saturn - Tcacenco Alinaalexcurbet
 
FINHTML5 - Breaking the mobile web
FINHTML5 - Breaking the mobile webFINHTML5 - Breaking the mobile web
FINHTML5 - Breaking the mobile webMaximiliano Firtman
 
2011 Sales Deck
2011 Sales Deck2011 Sales Deck
2011 Sales Decktbrown09
 
Processing a Arduino
Processing a ArduinoProcessing a Arduino
Processing a ArduinoJuraj Bednar
 
Facebook 應用程式企劃與行銷案例
Facebook 應用程式企劃與行銷案例Facebook 應用程式企劃與行銷案例
Facebook 應用程式企劃與行銷案例悠識學院
 
[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃悠識學院
 
The Adventures of Our Toys!
The Adventures of Our Toys!The Adventures of Our Toys!
The Adventures of Our Toys!Serkan Solmaz
 

En vedette (20)

Artgroup
ArtgroupArtgroup
Artgroup
 
Embedding BCE - Introduction
Embedding BCE - IntroductionEmbedding BCE - Introduction
Embedding BCE - Introduction
 
Vvd Ppt Presentatie Infra Debatavond Regio Krimpenerwaard
Vvd Ppt Presentatie Infra Debatavond Regio KrimpenerwaardVvd Ppt Presentatie Infra Debatavond Regio Krimpenerwaard
Vvd Ppt Presentatie Infra Debatavond Regio Krimpenerwaard
 
Social Media and Face-to-Face Meetings
Social Media and Face-to-Face MeetingsSocial Media and Face-to-Face Meetings
Social Media and Face-to-Face Meetings
 
Úvod do umelej inteligencie
Úvod do umelej inteligencieÚvod do umelej inteligencie
Úvod do umelej inteligencie
 
Ians Slides
Ians SlidesIans Slides
Ians Slides
 
Dhwani09 Lonewolf - Stamps
Dhwani09 Lonewolf - StampsDhwani09 Lonewolf - Stamps
Dhwani09 Lonewolf - Stamps
 
Swim_2013_02_19_jpn
Swim_2013_02_19_jpnSwim_2013_02_19_jpn
Swim_2013_02_19_jpn
 
Embedding BCE - Institutional Showcase (Strathclyde)
Embedding BCE - Institutional Showcase (Strathclyde)Embedding BCE - Institutional Showcase (Strathclyde)
Embedding BCE - Institutional Showcase (Strathclyde)
 
Parenting 21st Century Children
Parenting 21st Century ChildrenParenting 21st Century Children
Parenting 21st Century Children
 
Thyroid
ThyroidThyroid
Thyroid
 
Saturn - Tcacenco Alina
Saturn - Tcacenco AlinaSaturn - Tcacenco Alina
Saturn - Tcacenco Alina
 
FINHTML5 - Breaking the mobile web
FINHTML5 - Breaking the mobile webFINHTML5 - Breaking the mobile web
FINHTML5 - Breaking the mobile web
 
2011 Sales Deck
2011 Sales Deck2011 Sales Deck
2011 Sales Deck
 
Processing a Arduino
Processing a ArduinoProcessing a Arduino
Processing a Arduino
 
The School Bully
The School BullyThe School Bully
The School Bully
 
Facebook 應用程式企劃與行銷案例
Facebook 應用程式企劃與行銷案例Facebook 應用程式企劃與行銷案例
Facebook 應用程式企劃與行銷案例
 
[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃[相濡以沫] 非營利組織裡的網站企劃
[相濡以沫] 非營利組織裡的網站企劃
 
The Adventures of Our Toys!
The Adventures of Our Toys!The Adventures of Our Toys!
The Adventures of Our Toys!
 
Pp5
Pp5Pp5
Pp5
 

Similaire à Goto aarhus: Mobile Browser as a platform

Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeWindows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeVincent Everts
 
AlpesJUG - Communautés opensource, stratégies et écueils
AlpesJUG - Communautés opensource, stratégies et écueilsAlpesJUG - Communautés opensource, stratégies et écueils
AlpesJUG - Communautés opensource, stratégies et écueilsjulien.ponge
 
Successful development without QA
Successful development without QASuccessful development without QA
Successful development without QAPavel Gabriel
 
RIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl osRIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl osryancanulla
 
How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5Dale Cruse
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionEngine Yard
 
soft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch
 
Connfu Adhearsion
Connfu AdhearsionConnfu Adhearsion
Connfu AdhearsionBlueVia
 
Hiring & Managing a Developer
Hiring & Managing a DeveloperHiring & Managing a Developer
Hiring & Managing a DeveloperSteve Zehngut
 
Enterprise rails hosting 3 ways to scale - 2011-10
Enterprise rails hosting   3 ways to scale - 2011-10 Enterprise rails hosting   3 ways to scale - 2011-10
Enterprise rails hosting 3 ways to scale - 2011-10 Avarteq
 
Acceptance & Integration Testing With Behat (PHPNw2011)
Acceptance & Integration Testing With Behat (PHPNw2011)Acceptance & Integration Testing With Behat (PHPNw2011)
Acceptance & Integration Testing With Behat (PHPNw2011)benwaine
 
Vinted life embetterment
Vinted life embettermentVinted life embetterment
Vinted life embettermentAgile Lietuva
 
Introduction to Massive.tv
Introduction to Massive.tvIntroduction to Massive.tv
Introduction to Massive.tvBen Millstein
 
Boston Globe: Responsive Web Design
Boston Globe: Responsive Web DesignBoston Globe: Responsive Web Design
Boston Globe: Responsive Web DesignThe Media Consortium
 

Similaire à Goto aarhus: Mobile Browser as a platform (20)

Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeWindows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
 
AlpesJUG - Communautés opensource, stratégies et écueils
AlpesJUG - Communautés opensource, stratégies et écueilsAlpesJUG - Communautés opensource, stratégies et écueils
AlpesJUG - Communautés opensource, stratégies et écueils
 
Successful development without QA
Successful development without QASuccessful development without QA
Successful development without QA
 
RIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl osRIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl os
 
How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment Friction
 
soft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Caching
 
Sharing is caring (11-11-2011)
Sharing is caring (11-11-2011)Sharing is caring (11-11-2011)
Sharing is caring (11-11-2011)
 
Connfu Adhearsion
Connfu AdhearsionConnfu Adhearsion
Connfu Adhearsion
 
Connfu adhearsion
Connfu adhearsionConnfu adhearsion
Connfu adhearsion
 
Ruby off Rails
Ruby off RailsRuby off Rails
Ruby off Rails
 
Hiring & Managing a Developer
Hiring & Managing a DeveloperHiring & Managing a Developer
Hiring & Managing a Developer
 
Embedjs
EmbedjsEmbedjs
Embedjs
 
Enterprise rails hosting 3 ways to scale - 2011-10
Enterprise rails hosting   3 ways to scale - 2011-10 Enterprise rails hosting   3 ways to scale - 2011-10
Enterprise rails hosting 3 ways to scale - 2011-10
 
Reviving RIM
Reviving RIMReviving RIM
Reviving RIM
 
Acceptance & Integration Testing With Behat (PHPNw2011)
Acceptance & Integration Testing With Behat (PHPNw2011)Acceptance & Integration Testing With Behat (PHPNw2011)
Acceptance & Integration Testing With Behat (PHPNw2011)
 
Vinted life embetterment
Vinted life embettermentVinted life embetterment
Vinted life embetterment
 
Introduction to Massive.tv
Introduction to Massive.tvIntroduction to Massive.tv
Introduction to Massive.tv
 
Boston Globe: Responsive Web Design
Boston Globe: Responsive Web DesignBoston Globe: Responsive Web Design
Boston Globe: Responsive Web Design
 
When machines think
When machines thinkWhen machines think
When machines think
 

Plus de Maximiliano Firtman

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersMaximiliano Firtman
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Maximiliano Firtman
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsMaximiliano Firtman
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Maximiliano Firtman
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Maximiliano Firtman
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoMaximiliano Firtman
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and PerformanceMaximiliano Firtman
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the WebMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Maximiliano Firtman
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesMaximiliano Firtman
 

Plus de Maximiliano Firtman (20)

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
 
PWA Cheat Sheet 2023
PWA Cheat Sheet 2023PWA Cheat Sheet 2023
PWA Cheat Sheet 2023
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020
 
The modern PWA Cheat Sheet
The modern PWA Cheat SheetThe modern PWA Cheat Sheet
The modern PWA Cheat Sheet
 
Hacking Web Performance 2019
Hacking Web Performance 2019Hacking Web Performance 2019
Hacking Web Performance 2019
 
Progressive Web Apps Keynote
Progressive Web Apps KeynoteProgressive Web Apps Keynote
Progressive Web Apps Keynote
 
Hacking Web Performance
Hacking Web PerformanceHacking Web Performance
Hacking Web Performance
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web Apps
 
Hacking Web Performance
Hacking Web Performance Hacking Web Performance
Hacking Web Performance
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack Toronto
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and Performance
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the Web
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NY
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 

Dernier

Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Dernier (20)

Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Goto aarhus: Mobile Browser as a platform

  • 1. Oct, 10th, 2011 Aarhus, Denmark THE MOBILE BROWSER AS A PLATFORM Max Firtman @firt mobile+web developer Monday, October 10, 11
  • 2. who am I? mobile+web developer mobilexweb.com blog @firt Monday, October 10, 11
  • 4. where? buenos aires ~ argentina Monday, October 10, 11
  • 5. where? buenos aires ~ argentina patagonia football meat & wine tango Monday, October 10, 11
  • 7. books Image from my house Monday, October 10, 11
  • 9. Using the Latest Today Mobile HTML5 coming soon... Estelle Weyl & Maximiliano Firtman also by @estellevw Monday, October 10, 11
  • 10. many of you have two questions for me Monday, October 10, 11
  • 11. the first answer is no Monday, October 10, 11
  • 12. the second answer is yes Monday, October 10, 11
  • 13. but with a problem Monday, October 10, 11
  • 15. 2015 is coming... Monday, October 10, 11
  • 17. mobile devices are our flying cars Monday, October 10, 11
  • 18. mobile is more about users Monday, October 10, 11
  • 20. mobile ‣ absolutely personal Monday, October 10, 11
  • 21. mobile ‣ absolutely personal ‣ +5 billions Monday, October 10, 11
  • 22. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus Monday, October 10, 11
  • 23. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... Monday, October 10, 11
  • 24. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... Monday, October 10, 11
  • 25. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere. Monday, October 10, 11
  • 26. then... what is the problem? Monday, October 10, 11
  • 27. mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands Islands Monday, October 10, 11
  • 28. lots of questions Photo by wayneandwax (Flickr) Monday, October 10, 11
  • 29. we need to learn lots of questions Monday, October 10, 11
  • 30. lots of platforms Monday, October 10, 11
  • 31. mobile web appears Monday, October 10, 11
  • 32. native vs web Monday, October 10, 11
  • 34. Are you sure? Monday, October 10, 11
  • 35. native code vs javascript Monday, October 10, 11
  • 36. browser vs installed apps & stores Monday, October 10, 11
  • 38. when we say mobile web Monday, October 10, 11
  • 39. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps Monday, October 10, 11
  • 40. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps (browser or installed) Monday, October 10, 11
  • 41. what are the problems with mobile web? Monday, October 10, 11
  • 42. we are second class producers Monday, October 10, 11
  • 44. second class ‣vague, non-existent or outdated documentation Monday, October 10, 11
  • 45. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties Monday, October 10, 11
  • 46. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties ‣ lack of samples Monday, October 10, 11
  • 47. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties ‣ lack of samples ‣ no developer tools Monday, October 10, 11
  • 48. Testing & debugging Monday, October 10, 11
  • 50. Photo by Ben Millett (Flickr) Monday, October 10, 11
  • 52. Are you sure? Photo by Ricky David (Flickr) Monday, October 10, 11
  • 53. What is ? Monday, October 10, 11
  • 55. html5 ‣ w3c standards (all in draft) Monday, October 10, 11
  • 56. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards Monday, October 10, 11
  • 57. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards Monday, October 10, 11
  • 58. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards Monday, October 10, 11
  • 59. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the web Monday, October 10, 11
  • 60. do you want more? Monday, October 10, 11
  • 61. do you want more? ‣ mobile html5 Monday, October 10, 11
  • 62. do you want more? ‣ mobile html5 ‣ wednesday 15.50 Monday, October 10, 11
  • 63. do you want more? ‣ mobile html5 ‣ wednesday 15.50 ‣ mobile track Monday, October 10, 11
  • 66. mobile browsers ‣ too many Monday, October 10, 11
  • 67. mobile browsers ‣ too many ‣ (some) too limited Monday, October 10, 11
  • 68. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative Monday, October 10, 11
  • 69. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based Monday, October 10, 11
  • 70. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation Monday, October 10, 11
  • 71. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name Monday, October 10, 11
  • 72. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name ‣ (most) without debugging tools Monday, October 10, 11
  • 74. mobile browsers ‣ (some) focus-based Monday, October 10, 11
  • 75. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based Monday, October 10, 11
  • 76. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based Monday, October 10, 11
  • 77. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based Monday, October 10, 11
  • 78. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support Monday, October 10, 11
  • 79. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support ‣ (most) unknown for web devs Monday, October 10, 11
  • 80. MOBILE WEB USAGE! Smartphones, Smartphones, Social,Phones, Social,Phones, Feature, Feature,Phones, Phones, MARKET SHARE! Monday, October 10, 11
  • 81. some are known Monday, October 10, 11
  • 82. some are known ‣ Safari (on iOS) ‣ Opera Mobile (on Android & Symbian) ‣ Firefox (on Android) ‣ Internet Explorer (on Windows Phone) Monday, October 10, 11
  • 83. some are unknown Monday, October 10, 11
  • 84. some are unknown ‣ Nokia Browser (on Symbian, S40 & Meego 1.2) ‣ BlackBerry Browser ‣ webOS Browser ‣ Bada Browser ‣ Opera Mini ‣ NetFront ‣ Myriad ‣ Phantom ‣ Skyfire Monday, October 10, 11
  • 85. and some are coming... Monday, October 10, 11
  • 86. and some are coming... ‣ Google Chrome ‣ Amazon Silk Monday, October 10, 11
  • 87. they are on tablets too! Monday, October 10, 11
  • 88. they are on tablets too! ‣ Safari ‣ Android Browser ‣ webOS Browser ‣ BlackBerry Browser ‣ Opera Mini Monday, October 10, 11
  • 89. and with different versions... Monday, October 10, 11
  • 90. and there’s more! Monday, October 10, 11
  • 93. pseudobrowsers ‣ mostly on iOS and Android Monday, October 10, 11
  • 94. pseudobrowsers ‣ mostly on iOS and Android ‣ uses the internal web control Monday, October 10, 11
  • 95. pseudobrowsers ‣ mostly on iOS and Android ‣ uses the internal web control ‣ have different behavior than the native! Monday, October 10, 11
  • 97. don’t give up yet Monday, October 10, 11
  • 98. webkit on mobile Monday, October 10, 11
  • 99. mobile IE reborn Monday, October 10, 11
  • 100. mobile IE reborn ‣ on Windows Phone 7.5, full Internet Explorer 9 with HTML5 Monday, October 10, 11
  • 101. mobile IE reborn ‣ on Windows Phone 7.5, full Internet Explorer 9 with HTML5 ‣ but... Monday, October 10, 11
  • 102. the webkit problem Monday, October 10, 11
  • 103. the webkit problem ‣ we are doing some things wrong Monday, October 10, 11
  • 104. the webkit problem ‣ we are doing some things wrong ‣ mostly css3 Monday, October 10, 11
  • 105. the webkit problem ‣ we are doing some things wrong ‣ mostly css3 ‣ IE9, Firefox, Opera second-class citizens Monday, October 10, 11
  • 106. the webkit problem ‣ we are doing some things wrong ‣ mostly css3 ‣ IE9, Firefox, Opera second-class citizens ‣ The history is repeating! Monday, October 10, 11
  • 107. do responsible web Monday, October 10, 11
  • 108. do responsible web ‣ do WebKit development for mobile Monday, October 10, 11
  • 109. do responsible web ‣ do WebKit development for mobile ‣ but do not discriminate your users Monday, October 10, 11
  • 110. do responsible web ‣ do WebKit development for mobile ‣ but do not discriminate your users ‣ please? Monday, October 10, 11
  • 111. we need to forget and learn Monday, October 10, 11
  • 113. forget about ‣ pixels Monday, October 10, 11
  • 114. forget about ‣ pixels ‣ desktop frameworks (ok, not always) Monday, October 10, 11
  • 115. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected Monday, October 10, 11
  • 116. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected ‣ unlimited power Monday, October 10, 11
  • 117. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected ‣ unlimited power ‣ everyone see the same Monday, October 10, 11
  • 118. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected ‣ unlimited power ‣ everyone see the same ‣ emulate native ui exactly Monday, October 10, 11
  • 119. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected ‣ unlimited power ‣ everyone see the same ‣ emulate native ui exactly ‣ device conditionals Monday, October 10, 11
  • 120. forget about ‣ pixels ‣ desktop frameworks (ok, not always) ‣ always connected ‣ unlimited power ‣ everyone see the same ‣ emulate native ui exactly ‣ device conditionals ‣ suppose Monday, October 10, 11
  • 122. learn about ‣ server-side detection Monday, October 10, 11
  • 123. learn about ‣ server-side detection ‣ progressive enhancement Monday, October 10, 11
  • 124. learn about ‣ server-side detection ‣ progressive enhancement ‣ responsive design, but.... Monday, October 10, 11
  • 125. learn about ‣ server-side detection ‣ progressive enhancement ‣ responsive design, but.... ‣ mobile usability Monday, October 10, 11
  • 126. learn about ‣ server-side detection ‣ progressive enhancement ‣ responsive design, but.... ‣ mobile usability ‣ best experience for each context Monday, October 10, 11
  • 127. learn about ‣ server-side detection ‣ progressive enhancement ‣ responsive design, but.... ‣ mobile usability ‣ best experience for each context ‣ the “top model” approach, aka WPO Monday, October 10, 11
  • 128. learn about ‣ server-side detection ‣ progressive enhancement ‣ responsive design, but.... ‣ mobile usability ‣ best experience for each context ‣ the “top model” approach, aka WPO ‣ gain user loyalty Monday, October 10, 11
  • 130. responsive design foodsense.is Monday, October 10, 11
  • 132. learn about ‣ the viewport Monday, October 10, 11
  • 133. learn about ‣ the viewport ‣ target density (pixel ratio) Monday, October 10, 11
  • 134. learn about ‣ the viewport ‣ target density (pixel ratio) ‣ how and when to fix elements on screen Monday, October 10, 11
  • 135. learn about ‣ the viewport ‣ target density (pixel ratio) ‣ how and when to fix elements on screen ‣ how background code works Monday, October 10, 11
  • 136. learn about ‣ the viewport ‣ target density (pixel ratio) ‣ how and when to fix elements on screen ‣ how background code works ‣ data URI - inlining content Monday, October 10, 11
  • 137. mobile web toolkit Monday, October 10, 11
  • 138. emulators www.mobilexweb.com/emulators Monday, October 10, 11
  • 139. friends lots of them Monday, October 10, 11
  • 140. virtual labs real devices on real networks www.perfectomobile.com www.deviceanywhere.com Monday, October 10, 11
  • 141. device libraries detect devices and abilities from server-side manually tested www.wurfl.com www.deviceatlas.com Monday, October 10, 11
  • 142. debugging tools remote web inspector (BB 7.0 y PlayBook) opera mobile (DragonFly) weinre phonegap.github.com/weinre debug.phonegap.com Monday, October 10, 11
  • 143. performance tools just starting... http://stevesouders.com/mobileperf/ Monday, October 10, 11
  • 144. what can we do today? Monday, October 10, 11
  • 145. mobile webapps capabilities offline storage geolocation device motion drawing animations / transitions / transformations chrome-less experience touch and gesture events Monday, October 10, 11
  • 147. what about packagers? Monday, October 10, 11
  • 148. html5 offline Application cache Web Storage API Full-screen homepage installation iOS Monday, October 10, 11
  • 150. phonegap open-source & free nitobi & adobe camera contacts file device Monday, October 10, 11
  • 152. you are guilty! Monday, October 10, 11
  • 153. users hate you Monday, October 10, 11
  • 159. mobile web is slow Picture from Simon Howden freedigitalphotos.net! Monday, October 10, 11
  • 160. mobile web is slow because... Monday, October 10, 11
  • 161. mobile web is slow because... we are doing it wrong Monday, October 10, 11
  • 163. on mobile ‣ slower networks Monday, October 10, 11
  • 164. on mobile ‣ slower networks ‣ higher latency Monday, October 10, 11
  • 165. on mobile ‣ slower networks ‣ higher latency ‣ slower hardware Monday, October 10, 11
  • 166. on mobile ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience Monday, October 10, 11
  • 167. on mobile ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience ‣ different context Monday, October 10, 11
  • 168. on mobile ‣ slower networks ‣ higher latency ‣ slower hardware ‣ different browsing experience ‣ different context ‣ different possible networks Monday, October 10, 11
  • 169. web performance optimization Monday, October 10, 11
  • 171. wpo mobile ‣ do mobile semantic html5 Monday, October 10, 11
  • 172. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect Monday, October 10, 11
  • 173. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques Monday, October 10, 11
  • 174. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques ‣ reduce http requests Monday, October 10, 11
  • 175. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques ‣ reduce http requests ‣ use only semantic images Monday, October 10, 11
  • 176. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques ‣ reduce http requests ‣ use only semantic images ‣ defer Monday, October 10, 11
  • 177. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques ‣ reduce http requests ‣ use only semantic images ‣ defer ‣ internal is better? Monday, October 10, 11
  • 178. wpo mobile ‣ do mobile semantic html5 ‣ do not redirect ‣ apply known wpo techniques ‣ reduce http requests ‣ use only semantic images ‣ defer ‣ internal is better? ‣ touch instead of click Monday, October 10, 11
  • 179. offline storage request (no cookies) response browser full html server inline images css styles javascript code stores resources in localStorage and create cookie Monday, October 10, 11
  • 180. offline storage first load request (no cookies) response browser full html server inline images css styles javascript code stores resources in localStorage and create cookie Monday, October 10, 11
  • 181. offline storage request (with cookies) response browser server basic html basic javascript updated resources Monday, October 10, 11
  • 182. offline storage second load request (with cookies) response browser server basic html basic javascript updated resources Monday, October 10, 11
  • 183. forget about DECIDING FOR THE USER Monday, October 10, 11
  • 185. right experience for the right context Monday, October 10, 11
  • 186. right experience for the right context ‣ provide different experiences Monday, October 10, 11
  • 187. right experience for the right context ‣ provide different experiences ‣ YouTube resolution idea Monday, October 10, 11
  • 188. right experience for the right context ‣ provide different experiences ‣ YouTube resolution idea ‣ SD/HD version Monday, October 10, 11
  • 189. right experience for the right context ‣ provide different experiences ‣ YouTube resolution idea ‣ SD/HD version ‣ decide best version based Monday, October 10, 11
  • 190. right experience for the right context provide different experiences ‣ ‣ YouTube resolution idea ‣ SD/HD version ‣ decide best version based on context Monday, October 10, 11
  • 191. right experience for the right context provide different experiences ‣ ‣ YouTube resolution idea ‣ SD/HD version ‣ decide best version based on context ‣ let the user change the decision Monday, October 10, 11
  • 192. some last advices Monday, October 10, 11
  • 194. performance, performance Monday, October 10, 11
  • 196. don’t be fanatic photo by Kurt Christensen (flickr) Monday, October 10, 11
  • 198. be futurefriend.ly Monday, October 10, 11
  • 199. best experience for every context Monday, October 10, 11
  • 200. you can reach a good thank you! experience firt.mobi firtman@gmail.com twitter: @firt www.mobilexweb.com Pictures)from)freedigitalphotos.net) Monday, October 10, 11