SlideShare a Scribd company logo
BREAKING THE
                           MOBILE WEB
                                   Max Firtman
                                       @firt
                                     firt.mobi
                Sep, 12th, 2011
                   Nashville

Monday, September 12, 11
who am I?

      mobile+web developer
      mobilexweb.com blog


                           @firt

Monday, September 12, 11
where?




Monday, September 12, 11
where?
        buenos aires ~ argentina




Monday, September 12, 11
where?
        buenos aires ~ argentina
                           patagonia
                           soccer
                           meat & wine
                           tango
Monday, September 12, 11
where?
        buenos aires ~ argentina
                           patagonia
                           soccer
                           meat & wine
                           tango
Monday, September 12, 11
where?
        buenos aires ~ argentina
                           patagonia
                                           true lies
                                         tango scene


                           soccer
                           meat & wine
                           tango
Monday, September 12, 11
books




                           Image from my house
Monday, September 12, 11
Monday, September 12, 11
Using the Latest Today




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



Monday, September 12, 11
the first answer is no




Monday, September 12, 11
the second answer is
                         yes



Monday, September 12, 11
other projects
               Blog
               www.mobilexweb.com

               +40 links, +300 emulators
               www.mobilexweb.com/emulators


               typing long URLs on mobile?
               www.mobiletinyurl.com


Monday, September 12, 11
agenda




Monday, September 12, 11
agenda




Monday, September 12, 11
agenda
                           ‣   why?




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?

                           ‣ mobile browsers today




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?

                           ‣ mobile browsers today

                           ‣ forget & learn




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?

                           ‣ mobile browsers today

                           ‣ forget & learn

                           ‣ mobile web toolkit




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?

                           ‣ mobile browsers today

                           ‣ forget & learn

                           ‣ mobile web toolkit

                           ‣ html5 today




Monday, September 12, 11
agenda
                           ‣ why?
                           ‣ what’s the problem?

                           ‣ why are we here?

                           ‣ mobile browsers today

                           ‣ forget & learn

                           ‣ mobile web toolkit

                           ‣ html5 today

                           ‣ the future


Monday, September 12, 11
why mobile?




Monday, September 12, 11
mobile devices are our
          flying cars




Monday, September 12, 11
mobile is more about
                         users



Monday, September 12, 11
mobile




Monday, September 12, 11
mobile
                           ‣   absolutely personal




Monday, September 12, 11
mobile
                           ‣ absolutely personal
                           ‣ +5 billions




Monday, September 12, 11
mobile
                           ‣ absolutely personal
                           ‣ +5 billions

                           ‣ make us focus




Monday, September 12, 11
mobile
                           ‣ absolutely personal
                           ‣ +5 billions

                           ‣ make us focus

                           ‣ read our context...




Monday, September 12, 11
mobile
                           ‣ absolutely personal
                           ‣ +5 billions

                           ‣ make us focus

                           ‣ read our context...

                           ‣ ... always...




Monday, September 12, 11
mobile
                           ‣ absolutely personal
                           ‣ +5 billions

                           ‣ make us focus

                           ‣ read our context...

                           ‣ ... always...

                           ‣ ... and everywhere.




Monday, September 12, 11
then... what is the
                               problem?



Monday, September 12, 11
mobile is a
  minefield



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



Monday, September 12, 11
lots of questions

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

Monday, September 12, 11
lots of platforms
Monday, September 12, 11
mobile web appears




Monday, September 12, 11
native
                             vs
                            web


Monday, September 12, 11
WAIT!




Monday, September 12, 11
Are you sure?




Monday, September 12, 11
native code
                                vs
                            javascript


Monday, September 12, 11
browser
                                  vs
                           installed apps
                              & stores

Monday, September 12, 11
lack of definitions




Monday, September 12, 11
when we say mobile web




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



Monday, September 12, 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, September 12, 11
what’s the problem
                      with mobile web?



Monday, September 12, 11
we are second class
                       producers



Monday, September 12, 11
second class




Monday, September 12, 11
second class
                           ‣vague, non-existent or outdated
                           documentation




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

                            third-parties




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

                            third-parties
                           ‣ lack of samples




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

                            third-parties
                           ‣ lack of samples

                           ‣ no developer tools




Monday, September 12, 11
what?




    Updated: 02 Sep 2011

Monday, September 12, 11
Testing & debugging



Monday, September 12, 11
Standards!




Monday, September 12, 11
Photo by Ben Millett (Flickr)
Monday, September 12, 11
Monday, September 12, 11
Are you
    sure to
   be happy?




     Photo by Ricky David (Flickr)
Monday, September 12, 11
What is        ?



Monday, September 12, 11
html5




Monday, September 12, 11
html5
                           ‣   w3c standards (all in draft)




Monday, September 12, 11
html5
                           ‣ w3c standards (all in draft)
                           ‣ some are other w3c standards

                            (css, svg, geolocation)




Monday, September 12, 11
html5
                           ‣ w3c standards (all in draft)
                           ‣ some are other w3c standards

                            (css, svg, geolocation)
                           ‣ de-facto standards




Monday, September 12, 11
html5
                           ‣ w3c standards (all in draft)
                           ‣ some are other w3c standards

                            (css, svg, geolocation)
                           ‣ de-facto standards

                           ‣ w3c ex-standards




Monday, September 12, 11
html5
                           ‣ w3c standards (all in draft)
                           ‣ some are other w3c standards

                            (css, svg, geolocation)
                           ‣ de-facto standards

                           ‣ w3c ex-standards

                           ‣ everything “new” on the web




Monday, September 12, 11
html5




Monday, September 12, 11
html5
                           today:




Monday, September 12, 11
html5
                           today:
                           lack of real, good and practical
                           information for mobile on the
                           html5 community




Monday, September 12, 11
caniuse.com




         • Simplification of the mobile web browser space
         • Inaccurate information

Monday, September 12, 11
Modernizr




             • Inaccurate information - inlinesvg and webgl
Monday, September 12, 11
html5test.com




        Not clear the html5 concept behind these tests
Monday, September 12, 11
let’s try to clarify




Monday, September 12, 11
announcing today...




Monday, September 12, 11
Photo by Ben Millett (Flickr)
Monday, September 12, 11
mobile browsers




Monday, September 12, 11
mobile browsers
                           ‣   too many




Monday, September 12, 11
mobile browsers
                           ‣ too many
                           ‣ (some) too limited




Monday, September 12, 11
mobile browsers
                           ‣ too many
                           ‣ (some) too limited

                           ‣ (some) too innovative




Monday, September 12, 11
mobile browsers
                           ‣ too many
                           ‣ (some) too limited

                           ‣ (some) too innovative

                           ‣ (some) proxy based




Monday, September 12, 11
mobile browsers
                           ‣ too many
                           ‣ (some) too limited

                           ‣ (some) too innovative

                           ‣ (some) proxy based

                           ‣ (most) without documentation




Monday, September 12, 11
mobile browsers
                           ‣ too many
                           ‣ (some) too limited

                           ‣ (some) too innovative

                           ‣ (some) proxy based

                           ‣ (most) without documentation

                           ‣ (most) without a name




Monday, September 12, 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, September 12, 11
mobile browsers




Monday, September 12, 11
mobile browsers
                           ‣   (some) focus-based




Monday, September 12, 11
mobile browsers
                           ‣ (some) focus-based
                           ‣ (some) cursor-based




Monday, September 12, 11
mobile browsers
                           ‣ (some) focus-based
                           ‣ (some) cursor-based

                           ‣ (some) touch-based




Monday, September 12, 11
mobile browsers
                           ‣ (some) focus-based
                           ‣ (some) cursor-based

                           ‣ (some) touch-based

                           ‣ (some) multitouch-based




Monday, September 12, 11
mobile browsers
                           ‣ (some) focus-based
                           ‣ (some) cursor-based

                           ‣ (some) touch-based

                           ‣ (some) multitouch-based

                           ‣ (some) with zooming support




Monday, September 12, 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, September 12, 11
MOBILE WEB USAGE!


                             Smartphones,         Smartphones,


                             Social,Phones,       Social,Phones,


                                                    Feature,
                            Feature,Phones,
                                                    Phones,

                           MARKET SHARE!




Monday, September 12, 11
a quick, dirty list




Monday, September 12, 11
a quick, dirty list
                           ‣ Safari on iOS
                           ‣ Android Browser

                           ‣ Nokia Browser for Symbian

                           ‣ webOS Browser

                           ‣ BlackBerry Browser
                           ‣ Opera Mobile
                           ‣ Opera Mini

                           ‣ Firefox
                           ‣ Internet Explorer
Monday, September 12, 11
a quick, dirty list (cont.)




Monday, September 12, 11
a quick, dirty list (cont.)
                           ‣ Bada Browser
                           ‣ NetFront

                           ‣ Myriad

                           ‣ Nokia Browser (Ovi)

                           ‣ Phantom

                           ‣ microB

                           ‣ Skyfire

                           ‣ BOLT

Monday, September 12, 11
they are on tablets too!




Monday, September 12, 11
they are on tablets too!
                           ‣ Safari on iOS
                           ‣ Android Browser

                           ‣ webOS Browser

                           ‣ BlackBerry Browser

                           ‣ Opera Mini




Monday, September 12, 11
and with different
                              versions...



Monday, September 12, 11
and there’s more!



Monday, September 12, 11
pseudo-browsers




Monday, September 12, 11
pseudobrowsers




Monday, September 12, 11
pseudobrowsers

                    ‣      mostly on iOS and Android




Monday, September 12, 11
pseudobrowsers

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




Monday, September 12, 11
pseudobrowsers

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

                    ‣ have different behavior than the

                     native!




Monday, September 12, 11
Monday, September 12, 11
don’t give up yet




Monday, September 12, 11
mobile IE reborn




Monday, September 12, 11
mobile IE reborn

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




Monday, September 12, 11
mobile IE reborn

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




Monday, September 12, 11
the WebKit problem




Monday, September 12, 11
the WebKit problem
                    ‣      we are doing some things wrong




Monday, September 12, 11
the WebKit problem
                    ‣ we are doing some things wrong
                    ‣ mostly css3, using only -webkit

                     prefix




Monday, September 12, 11
the WebKit problem
                    ‣ we are doing some things wrong
                    ‣ mostly css3, using only -webkit

                     prefix
                    ‣ IE9, Firefox, Opera second-class

                     citizens



Monday, September 12, 11
the WebKit problem




Monday, September 12, 11
the WebKit problem
                   ‣   do WebKit development for mobile




Monday, September 12, 11
the WebKit problem
                   ‣ do WebKit development for mobile
                   ‣ but also take care of the others




Monday, September 12, 11
the WebKit problem
                   ‣ do WebKit development for mobile
                   ‣ but also take care of the others

                   ‣ please?




Monday, September 12, 11
we need to forget
                               and learn



Monday, September 12, 11
forget about




Monday, September 12, 11
forget about
                           ‣   pixels




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks   (ok, not always)




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks   (ok, not always)

                           ‣ always connected




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks   (ok, not always)

                           ‣ always connected

                           ‣ unlimited power




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks (ok, not always)

                           ‣ always connected

                           ‣ unlimited power

                           ‣ everyone see the same




Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks (ok, not always)

                           ‣ always connected

                           ‣ unlimited power

                           ‣ everyone see the same

                           ‣ insulting your users



Monday, September 12, 11
forget about
                           ‣ pixels
                           ‣ static designs

                           ‣ desktop frameworks (ok, not always)

                           ‣ always connected

                           ‣ unlimited power

                           ‣ everyone see the same

                           ‣ insulting your users

                           ‣ device conditionals

Monday, September 12, 11
learn about




Monday, September 12, 11
learn about
                           ‣   server-side detection




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....

                           ‣ mobile usability




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....

                           ‣ mobile usability

                           ‣ mobile use cases




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....

                           ‣ mobile usability

                           ‣ mobile use cases

                           ‣ best experience for each context




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....

                           ‣ mobile usability

                           ‣ mobile use cases

                           ‣ best experience for each context

                           ‣ the “top model” approach, aka WPO




Monday, September 12, 11
learn about
                           ‣ server-side detection
                           ‣ progressive enhancement

                           ‣ responsive design, but....

                           ‣ mobile usability

                           ‣ mobile use cases

                           ‣ best experience for each context

                           ‣ the “top model” approach, aka WPO

                           ‣ gain user loyalty


Monday, September 12, 11
learn about




Monday, September 12, 11
learn about
                    ‣  what’s the viewport and how applies
                      to our designs




Monday, September 12, 11
learn about
                    ‣ what’s the viewport and how applies
                     to our designs
                    ‣ what’s the target density (pixel ratio)




Monday, September 12, 11
learn about
                    ‣ what’s the viewport and how applies
                     to our designs
                    ‣ what’s the target density (pixel ratio)

                    ‣ how to fix elements on screen




Monday, September 12, 11
learn about
                    ‣ what’s the viewport and how applies
                     to our designs
                    ‣ what’s the target density (pixel ratio)

                    ‣ how to fix elements on screen

                    ‣ how background code works




Monday, September 12, 11
learn about
                    ‣ what’s the viewport and how applies
                     to our designs
                    ‣ what’s the target density (pixel ratio)

                    ‣ how to fix elements on screen

                    ‣ how background code works

                    ‣ data URI - inlining content




Monday, September 12, 11
mobile web toolkit



Monday, September 12, 11
emulators




                           www.mobilexweb.com/emulators

Monday, September 12, 11
friends

                lots of them




Monday, September 12, 11
virtual labs

           real devices on real networks




           www.perfectomobile.com   www.deviceanywhere.com

Monday, September 12, 11
device libraries

           detect devices and abilities from server-side

           manually tested



                           www.wurfl.com   www.deviceatlas.com

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




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

Monday, September 12, 11
performance tools
           just starting...




         http://stevesouders.com/mobileperf/

Monday, September 12, 11
and what about
                           capabilities today?



Monday, September 12, 11
warning....




Monday, September 12, 11
offline installation




                HTML5      3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline installation
                       ‣   Install a package on the device




                HTML5         3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline installation
                       ‣ Install a package on the device
                       ‣ Complex to debug / reload




                HTML5       3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline installation
                       ‣ Install a package on the device
                       ‣ Complex to debug / reload

                       ‣ Buggy on some platforms




                HTML5       3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline installation
                       ‣ Install a package on the device
                       ‣ Complex to debug / reload

                       ‣ Buggy on some platforms

                       ‣ online / offline events




                HTML5       3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline installation
                       ‣ Install a package on the device
                       ‣ Complex to debug / reload

                       ‣ Buggy on some platforms

                       ‣ online / offline events

                       ‣ on iOS can be mixed with icons and full-

                        screen webapp metatags




                HTML5      3.0+   2.1+   6.0+   Mobile 11+   5.0+

Monday, September 12, 11
geolocation




             Geolocation   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
geolocation

                       ‣   GPS, A-GPS, Wi-Fi, cells




             Geolocation      2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
geolocation

                       ‣ GPS, A-GPS, Wi-Fi, cells
                       ‣ (some) force GPS “highAccuracy”




             Geolocation   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
geolocation

                       ‣ GPS, A-GPS, Wi-Fi, cells
                       ‣ (some) force GPS “highAccuracy”

                       ‣ (some) heading




             Geolocation   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
geolocation

                       ‣ GPS, A-GPS, Wi-Fi, cells
                       ‣ (some) force GPS “highAccuracy”

                       ‣ (some) heading

                       ‣ once or movement




             Geolocation   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage




             Web Storage   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage
                       ‣   persistent and session storage




             Web Storage      2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)




             Web Storage    2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage




             Web Storage    2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage

                       ‣ limit space, non-standard ~5Mb




             Web Storage   2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline web storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage

                       ‣ limit space, non-standard ~5Mb

                       ‣ be careful with private browsing




             Web Storage    2.0+   2.0+   6.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
offline sql storage




              deprecated   2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
offline sql storage
                       ‣   persistent and session storage




              deprecated      2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
offline sql storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)




              deprecated    2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
offline sql storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage




              deprecated    2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
offline sql storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage

                       ‣ limit space, non-standard ~5Mb




              deprecated   2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
offline sql storage
                       ‣ persistent and session storage
                       ‣ key/value (strings)

                       ‣ (some) allow object storage

                       ‣ limit space, non-standard ~5Mb

                       ‣ be careful with private browsing




              deprecated    2.2+   2.0+   6.0+   Mobile 11+

Monday, September 12, 11
multimedia API




             Web Storage   3.0+   2.3+   7.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
multimedia API

                       ‣   audio and video tags




             Web Storage      3.0+   2.3+   7.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
multimedia API

                       ‣ audio and video tags
                       ‣ javascript api & events




             Web Storage    3.0+   2.3+   7.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
multimedia API

                       ‣ audio and video tags
                       ‣ javascript api & events

                       ‣ codecs nightmare




             Web Storage    3.0+   2.3+   7.0+   9.0+   Mobile 11+   5.0+

Monday, September 12, 11
server-sent events




           Server-Sent events   4.1+   Mobile 11+   6.0+

Monday, September 12, 11
server-sent events

                       ‣   EventSource




           Server-Sent events   4.1+     Mobile 11+   6.0+

Monday, September 12, 11
server-sent events

                       ‣ EventSource
                       ‣ reduce AJAX/Comet solutions




           Server-Sent events   4.1+           Mobile 11+   6.0+

Monday, September 12, 11
server-sent events

                       ‣ EventSource
                       ‣ reduce AJAX/Comet solutions

                       ‣ be careful with proxies/3g connections




           Server-Sent events   4.1+             Mobile 11+   6.0+

Monday, September 12, 11
web sockets




               web sockets   4.2+   6.1+   Mobile 11+   6.0+

Monday, September 12, 11
web sockets
                       ‣    Evolution of bi-directional
                           communication




               web sockets     4.2+       6.1+       Mobile 11+   6.0+

Monday, September 12, 11
web sockets
                       ‣ Evolution of bi-directional
                        communication
                       ‣ reduce AJAX/Comet solutions




               web sockets   4.2+    6.1+      Mobile 11+   6.0+

Monday, September 12, 11
web sockets
                       ‣ Evolution of bi-directional
                        communication
                       ‣ reduce AJAX/Comet solutions

                       ‣ be careful with proxies/3g connections




               web sockets   4.2+     6.1+       Mobile 11+   6.0+

Monday, September 12, 11
web sockets
                       ‣ Evolution of bi-directional
                        communication
                       ‣ reduce AJAX/Comet solutions

                       ‣ be careful with proxies/3g connections

                       ‣ special server




               web sockets   4.2+     6.1+       Mobile 11+   6.0+

Monday, September 12, 11
web sockets
                       ‣ Evolution of bi-directional
                        communication
                       ‣ reduce AJAX/Comet solutions

                       ‣ be careful with proxies/3g connections

                       ‣ special server

                       ‣ standard changed months ago




               web sockets   4.2+     6.1+       Mobile 11+   6.0+

Monday, September 12, 11
web workers




              web workers   6.0+   Mobile 11+   6.0+

Monday, September 12, 11
web workers

                       ‣   threading in JavaScript




              web workers                6.0+        Mobile 11+   6.0+

Monday, September 12, 11
web workers

                       ‣ threading in JavaScript
                       ‣ important for performance




              web workers             6.0+      Mobile 11+   6.0+

Monday, September 12, 11
web workers

                       ‣ threading in JavaScript
                       ‣ important for performance

                       ‣ worker without DOM manipulation




              web workers            6.0+     Mobile 11+   6.0+

Monday, September 12, 11
2d drawing api (canvas)




                HTML5      1.0+   1.5+   6.0+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
2d drawing api (canvas)

                       ‣   great support




                HTML5         1.0+   1.5+   6.0+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
2d drawing api (canvas)

                       ‣ great support
                       ‣ javascript-based drawing




                HTML5      1.0+   1.5+   6.0+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
2d drawing api (canvas)

                       ‣ great support
                       ‣ javascript-based drawing

                       ‣ (some) allows data URI export




                HTML5      1.0+   1.5+   6.0+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg




                   SVG     2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg
                       ‣   old standard




                   SVG        2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg
                       ‣ old standard
                       ‣ scalable vector graphics




                   SVG      2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg
                       ‣ old standard
                       ‣ scalable vector graphics

                       ‣ (some) allows inline <svg> tag




                   SVG      2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg
                       ‣ old standard
                       ‣ scalable vector graphics

                       ‣ (some) allows inline <svg> tag

                       ‣ (some) allows svg as background




                   SVG     2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
svg
                       ‣ old standard
                       ‣ scalable vector graphics

                       ‣ (some) allows inline <svg> tag

                       ‣ (some) allows svg as background

                       ‣ (some) allows svg as font




                   SVG     2.2+   3.0+   4.7+   9.0+   Mob 10+ / Mini 5   4.0+

Monday, September 12, 11
motion sensors




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
motion sensors
                     ‣     accelerometer / gyroscope / magnetometer




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
motion sensors
                     ‣ accelerometer / gyroscope / magnetometer
                     ‣ onorientationchange




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
motion sensors
                     ‣ accelerometer / gyroscope / magnetometer
                     ‣ onorientationchange

                     ‣ window.orientation




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
motion sensors
                     ‣ accelerometer / gyroscope / magnetometer
                     ‣ onorientationchange

                     ‣ window.orientation

                     ‣ games, visual effects, pressure detection?




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
motion sensors
                     ‣ accelerometer / gyroscope / magnetometer
                     ‣ onorientationchange

                     ‣ window.orientation

                     ‣ games, visual effects, pressure detection?



                   mobilexweb.com/samples/ball.html
                   mobilexweb.com/samples/pressure.html




           DeviceOrientation   4.2+   3.0+   4.7+ (basic)   6.0+ (moz)

Monday, September 12, 11
new form controls




                 HTML5     2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
new form controls
                     ‣     variable support




                 HTML5        2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
new form controls
                     ‣ variable support
                     ‣ basic=different virtual keyboard




                 HTML5     2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
new form controls
                     ‣ variable support
                     ‣ basic=different virtual keyboard

                     ‣ medium=new date, number, range




                 HTML5     2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
new form controls
                     ‣ variable support
                     ‣ basic=different virtual keyboard

                     ‣ medium=new date, number, range

                     ‣ advanced=datalist




                 HTML5     2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
new form controls
                     ‣ variable support
                     ‣ basic=different virtual keyboard

                     ‣ medium=new date, number, range

                     ‣ advanced=datalist

                     ‣ (some) allows validation and css3 pseudo-

                      classes




                 HTML5     2.2+ (b)   5.0+ (adv)   9.0 (basic)   10+ (med) 6.0+ (med)

Monday, September 12, 11
touch events




             Touch events   3.0+   2.1+   6.1+   6.0+

Monday, September 12, 11
touch events
                       ‣   iOS specification




             Touch events     3.0+   2.1+   6.1+   6.0+

Monday, September 12, 11
touch events
                       ‣ iOS specification
                       ‣ some differences between implementations




             Touch events   3.0+   2.1+   6.1+       6.0+

Monday, September 12, 11
touch events
                       ‣ iOS specification
                       ‣ some differences between implementations

                       ‣ (some) multi-touch




             Touch events   3.0+   2.1+   6.1+       6.0+

Monday, September 12, 11
touch events
                       ‣ iOS specification
                       ‣ some differences between implementations

                       ‣ (some) multi-touch

                       ‣ touchstart, touchmove, touchend,

                        touchcancel




             Touch events   3.0+   2.1+   6.1+       6.0+

Monday, September 12, 11
touch events
                       ‣ iOS specification
                       ‣ some differences between implementations

                       ‣ (some) multi-touch

                       ‣ touchstart, touchmove, touchend,

                        touchcancel
                       ‣ (some) touchenter, touchleave




             Touch events   3.0+   2.1+   6.1+       6.0+

Monday, September 12, 11
css3 basic




                 CSS 3     1.0+   1.0+   6.0+   9.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 basic

                       ‣   basic new styling




                 CSS 3        1.0+   1.0+   6.0+   9.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 basic

                       ‣ basic new styling
                       ‣ rounded borders, opacity




                 CSS 3     1.0+   1.0+   6.0+   9.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 basic

                       ‣ basic new styling
                       ‣ rounded borders, opacity

                       ‣ (some) still requires prefix




                 CSS 3      1.0+   1.0+   6.0+   9.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 basic

                       ‣ basic new styling
                       ‣ rounded borders, opacity

                       ‣ (some) still requires prefix

                       ‣ -webkit, -o, -moz, -ms




                 CSS 3      1.0+   1.0+   6.0+   9.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 transforms




                 CSS 3     2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transforms
                       ‣   basic 2d transforms




                 CSS 3        2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transforms
                       ‣ basic 2d transforms
                       ‣ -webkit, -o, -moz, -ms




                 CSS 3     2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transforms
                       ‣ basic 2d transforms
                       ‣ -webkit, -o, -moz, -ms

                       ‣ rotate, scale, skew, translate




                 CSS 3      2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transforms
                       ‣ basic 2d transforms
                       ‣ -webkit, -o, -moz, -ms

                       ‣ rotate, scale, skew, translate

                       ‣ (some) matrix




                 CSS 3      2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transforms
                       ‣ basic 2d transforms
                       ‣ -webkit, -o, -moz, -ms

                       ‣ rotate, scale, skew, translate

                       ‣ (some) matrix

                       ‣ (some) 3d transforms




                 CSS 3      2.0+   2.0+   6.0+   9.0+   11+   6.0+   Anna+

Monday, September 12, 11
css3 transitions




                 CSS 3     2.0+   2.0+   6.0+   10+   6.0+   Anna+

Monday, September 12, 11
css3 transitions

                       ‣   basic animations between 2 states




                 CSS 3        2.0+   2.0+   6.0+    10+   6.0+   Anna+

Monday, September 12, 11
css3 transitions

                       ‣ basic animations between 2 states
                       ‣ prefix




                 CSS 3     2.0+   2.0+   6.0+     10+   6.0+   Anna+

Monday, September 12, 11
css3 animations




                 CSS 3     2.2+   2.0+   6.0+   6.0+   Anna+

Monday, September 12, 11
css3 animations

                       ‣   keyframe animations




                 CSS 3        2.2+   2.0+   6.0+   6.0+   Anna+

Monday, September 12, 11
css3 animations

                       ‣ keyframe animations
                       ‣ attribute prefix and keyframe prefix




                 CSS 3     2.2+   2.0+   6.0+           6.0+   Anna+

Monday, September 12, 11
css3 animations

                       ‣ keyframe animations
                       ‣ attribute prefix and keyframe prefix

                       ‣ duplication :S




                 CSS 3     2.2+   2.0+   6.0+           6.0+   Anna+

Monday, September 12, 11
what is just
                           starting...?



Monday, September 12, 11
apis starting to appear




Monday, September 12, 11
apis starting to appear
                   ‣   XMLHttpRequest 2 - Android 3.0




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0

                   ‣ Network Information API - Android 2.2+




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0

                   ‣ Network Information API - Android 2.2+

                   ‣ File API and FileReader API - Android 3.0




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0

                   ‣ Network Information API - Android 2.2+

                   ‣ File API and FileReader API - Android 3.0

                   ‣ CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0

                   ‣ Network Information API - Android 2.2+

                   ‣ File API and FileReader API - Android 3.0

                   ‣ CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+

                   ‣ Media Camera API - Android 3.0




Monday, September 12, 11
apis starting to appear
                   ‣ XMLHttpRequest 2 - Android 3.0
                   ‣ Navigation Timing API - Internet Explorer 9.0

                   ‣ Notifications API - Firefox 6.0

                   ‣ Network Information API - Android 2.2+

                   ‣ File API and FileReader API - Android 3.0

                   ‣ CORS (cross-domain AJAX) - Android 2.2+, iOS 3.2+

                   ‣ Media Camera API - Android 3.0

                   ‣ IndexedDB - Firefox 6.0




Monday, September 12, 11
and what to expect
                        in the future?



Monday, September 12, 11
for next year...




Monday, September 12, 11
for next year...
                  ‣   Augmented Reality on the web




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)

                  ‣ Native integration API




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)

                  ‣ Native integration API

                  ‣ Contacts and Calendar API




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)

                  ‣ Native integration API

                  ‣ Contacts and Calendar API

                  ‣ Messaging API




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)

                  ‣ Native integration API

                  ‣ Contacts and Calendar API

                  ‣ Messaging API

                  ‣ Orientation Lock




Monday, September 12, 11
for next year...
                  ‣ Augmented Reality on the web
                  ‣ Camera API

                  ‣ MathML

                  ‣ Idle detection

                  ‣ Speech detection

                  ‣ 3D Drawing API (aka WebGL)

                  ‣ Native integration API

                  ‣ Contacts and Calendar API

                  ‣ Messaging API

                  ‣ Orientation Lock

                  ‣ Debugging tools



Monday, September 12, 11
working on these APIs...




Monday, September 12, 11
working on these APIs...
                  ‣   W3C Device APIs Working Group




Monday, September 12, 11
working on these APIs...
                 W3C Device APIs Working Group
                  ‣

                http://www.w3.org/2009/dap/




Monday, September 12, 11
working on these APIs...
                 W3C Device APIs Working Group
                  ‣

                http://www.w3.org/2009/dap/

                  ‣   Mozilla WebAPI effort (3-6 months)




Monday, September 12, 11
working on these APIs...
                 W3C Device APIs Working Group
                  ‣

                http://www.w3.org/2009/dap/

                 Mozilla WebAPI effort (3-6 months)
                  ‣

                https://wiki.mozilla.org/WebAPI




Monday, September 12, 11
working on these APIs...
                 W3C Device APIs Working Group
                  ‣

                http://www.w3.org/2009/dap/

                 Mozilla WebAPI effort (3-6 months)
                  ‣

                https://wiki.mozilla.org/WebAPI

                  ‣   WAC




Monday, September 12, 11
working on these APIs...
                 W3C Device APIs Working Group
                  ‣

                http://www.w3.org/2009/dap/

                 Mozilla WebAPI effort (3-6 months)
                  ‣

                https://wiki.mozilla.org/WebAPI

                 WAC
                  ‣

                http://www.wacapps.net/



Monday, September 12, 11
can i use apis today?




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap
                 http://www.phonegap.com




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap
                 http://www.phonegap.com

                  ‣   BlackBerry WebWorks




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap
                 http://www.phonegap.com

                  ‣   BlackBerry WebWorks
                 http://us.blackberry.com/developers/browserdev/




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap
                 http://www.phonegap.com

                  ‣   BlackBerry WebWorks
                 http://us.blackberry.com/developers/browserdev/

                  ‣   Nokia webapps




Monday, September 12, 11
can i use apis today?
                  ‣   PhoneGap
                 http://www.phonegap.com

                  ‣   BlackBerry WebWorks
                 http://us.blackberry.com/developers/browserdev/

                  ‣   Nokia webapps
                 http://www.developer.nokia.com/Develop/Web/




Monday, September 12, 11
some last advices



Monday, September 12, 11
Monday, September 12, 11
performance,
                           performance




Monday, September 12, 11
good practices




Monday, September 12, 11
don’t be fanatic




  photo by Kurt Christensen
           (flickr)
Monday, September 12, 11
be multiplatform




Monday, September 12, 11
best experience for
                        every context




Monday, September 12, 11
you can reach a good
                                    thank you!
                                experience



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



    Pictures)from)freedigitalphotos.net)
Monday, September 12, 11

More Related Content

Viewers also liked (20)

Connecting With Customers by hometown, has 4 slides with 803 views.Connecting with customers is fundamental to marketing success but often overlooked. Building relationships through every interaction in person, by phone, email, or online can build loyalty. Understanding what is important to customers and addressing their needs rather than just product features is key. Regular communication through email with relevant, personalized, and timely content tailored to different customer segments helps foster ongoing relationships.
Connecting With CustomersConnecting With Customers
Connecting With Customers
hometown
4 slides803 views
Copy Of Fthb Presentation2 by peglover, has 30 slides with 570 views.The document provides information about the home buying process for first-time homebuyers. It discusses determining how much home you can afford, the importance of credit, mortgage options including government and conventional loans, closing costs, and the steps involved in the mortgage application and approval process. The overall goal is to educate homebuyers so they can choose the right mortgage program and home to fit their needs and budget.
Copy Of Fthb Presentation2Copy Of Fthb Presentation2
Copy Of Fthb Presentation2
peglover
30 slides570 views
David Scott Cosmetics by David Scott, has 42 slides with 691 views.This document provides a listing and brief descriptions of various cosmetic products from David Scott Cosmetics, including pressed and loose mineral eye shadows, blushes and bronzers, foundations, mascaras, lip glosses, lipsticks, liners, brushes, skin care items, and nail lacquers. Details provided include the number of assorted colors available, ingredients or benefits of certain products. The document encourages visiting the company website for more information.
David Scott CosmeticsDavid Scott Cosmetics
David Scott Cosmetics
David Scott
42 slides691 views
feliz navidad 2008/2009 by arqueomaria, has 8 slides with 367 views.El documento habla sobre las fechas especiales que se acercan y cómo algunas personas las vivirán con alegría mientras que otras las vivirán con tristeza recordando a los que no están. El autor desea enviar un poco de luz junto con su amor y cariño, y desea que el niño interior de cada uno les ayude a recordar las cosas buenas y divertidas de la vida y a mostrar su parte más dulce a los demás. Les desea felices fiestas.
feliz navidad 2008/2009feliz navidad 2008/2009
feliz navidad 2008/2009
arqueomaria
8 slides367 views
SMS Based Push Mail by Pavankumar Gurazada, has 8 slides with 464 views.Cervello Incorporation has developed mMail, a push email solution delivered over SMS. It allows users to access emails from any mobile device without an internet connection. Key benefits include improved communication, increased availability and productivity for employees on the go. mMail works with various email servers and mobile networks. It offers a cost-effective alternative to Blackberry with pay-as-you-use pricing starting at Rs. 90 per month.
SMS Based Push MailSMS Based Push Mail
SMS Based Push Mail
Pavankumar Gurazada
8 slides464 views
Ilmu pengetahuan dan persoalan kita by Oktariani Nurul Pratiwi, has 27 slides with 1579 views.Ilmu pengetahuan, teknologi, dan etika saling terkait. Etika memainkan peran penting dalam mengarahkan ilmu pengetahuan dan mencegah dampak negatifnya. Berbagai teori etika seperti eudaimonisme, deontologi Kant, dan utilitarianisme digunakan untuk menganalisis berbagai persoalan etis terkini.
Ilmu pengetahuan dan persoalan kitaIlmu pengetahuan dan persoalan kita
Ilmu pengetahuan dan persoalan kita
Oktariani Nurul Pratiwi
27 slides1.6K views
Potential Issues within BCE by JISC BCE, has 7 slides with 402 views.These slides were presented at a BCE (Business and Community Engagement) event to show some of the issues raised from a previous workshop involving those external to further and higher education. The focus was on effective partnerships.
Potential Issues within BCEPotential Issues within BCE
Potential Issues within BCE
JISC BCE
7 slides402 views
Greg Linch - Publish2 contest by Greg Linch, has 8 slides with 640 views.Greg Linch believes he is the future of journalism based on his experience working at The Miami Hurricane last year. He provides photos of himself working on deadline calls and in the office, contrasted with a bobble head doll taking his place in a video chat, suggesting he brings an energetic and engaging style to his reporting.
Greg Linch - Publish2 contestGreg Linch - Publish2 contest
Greg Linch - Publish2 contest
Greg Linch
8 slides640 views
Ot 15.2 by bredemeyer, has 6 slides with 256 views.The Greeks desecrated the Temple in Israel and began persecuting Jews. Mattathias and his five sons led the resistance movement known as the Maccabees. Over three years, they succeeded in retaking the Temple, purifying it, and rededicating it, an event still celebrated as Hanukkah. Though Judas Maccabee later died in battle, his brothers continued leading and the Greeks eventually recognized Israel's autonomy around 125 years before Christ.
Ot 15.2Ot 15.2
Ot 15.2
bredemeyer
6 slides256 views
Chemistry Jeopardy by ginaarnold, has 26 slides with 650 views.This document contains a chemistry jeopardy game with questions in different point values ranging from 10 to 50 points. The questions cover topics like the symbols of common elements, definitions of key chemistry concepts like atoms, elements, compounds, mixtures, and how chemical bonds are formed. It also includes questions about examples of mixtures and compounds as well as true/false questions.
Chemistry JeopardyChemistry Jeopardy
Chemistry Jeopardy
ginaarnold
26 slides650 views
Mark Hughes by markhughes66, has 8 slides with 422 views.This one sentence document repeats the name "Mark Hughes" eight times. It provides no other details or information beyond repeatedly stating an individual's name.
Mark HughesMark Hughes
Mark Hughes
markhughes66
8 slides422 views
Embedding BCE - Introduction by JISC BCE, has 7 slides with 453 views.The document outlines the agenda for a day-long event on promoting Business and Community Engagement. It introduces the project staff and partners from various universities and colleges. The aims of the event are to share information about JISC's BCE activities, demonstrate the project's review methodology, report common findings and benefits of BCE reviews. The morning schedule includes welcome remarks, an overview of the BCE agenda, a presentation on the project's methodology, and reports from partner institutions. The afternoon consists of additional partner reports, a discussion of good practices and barriers identified, and a demonstration of an online resource developed through the project.
Embedding BCE - IntroductionEmbedding BCE - Introduction
Embedding BCE - Introduction
JISC BCE
7 slides453 views
Ilumtics corp profile_dec2011 by Thanh Nguyen, has 17 slides with 462 views.iLumtics is a training and consultancy firm founded in 2005 in Vietnam that provides services in training, consultancy, and market linkage to help clients enhance performance. The company aims to become a leading training and consultancy institution in Indochina through its values of professionalism, quality, partnership, transparency, accountability, and sustainability. It offers customized in-house business management training programs and has conducted various projects in areas such as value chain analysis, local economic development, and research.
Ilumtics corp profile_dec2011Ilumtics corp profile_dec2011
Ilumtics corp profile_dec2011
Thanh Nguyen
17 slides462 views
Review Of Naming Compounds And Balancing Equations 1205854412907095 2 by siva sankar, has 17 slides with 1103 views.This document provides instruction on naming ionic compounds and balancing chemical equations. It begins by identifying common cations and anions, and the steps to name ionic compounds correctly. Examples of naming compounds and identifying their types are provided. The second part describes the steps to predict and balance chemical equations, including identifying the reaction type and rearranging and balancing the ions. Practice problems for students to determine the reaction type, write the balanced equation, and name ionic compounds are included with answer keys.
Review Of Naming Compounds And Balancing Equations 1205854412907095 2Review Of Naming Compounds And Balancing Equations 1205854412907095 2
Review Of Naming Compounds And Balancing Equations 1205854412907095 2
siva sankar
17 slides1.1K views
Pp6 by loveislamdotcodotuk, has 14 slides with 338 views.The message of Islam is one of mercy for all mankind. The Prophet Muhammad was sent as a mercy and the best example of noble character. The aim of Islam's message and acts of worship like prayer, fasting, zakat, and Hajj is to develop good character and conduct towards Allah and other people. True faith is shown through righteous actions and treating others with compassion.
Pp6Pp6
Pp6
loveislamdotcodotuk
14 slides338 views
Premier Global - Solutions and Values by premierglobal, has 10 slides with 640 views.Premier Global is an international recruitment, training, and assessment company based in Romania since 2004. They provide staffing solutions and training services to major organizations in Romania and worldwide. Their goal is to improve customer outcomes by finding the right candidates for jobs and offering measurable training. They have expertise recruiting for many industries and use a structured recruitment process to identify qualified candidates through interviews and assessments.
Premier Global - Solutions and ValuesPremier Global - Solutions and Values
Premier Global - Solutions and Values
premierglobal
10 slides640 views
Sharing Superheroes - J.Boye Philadelphia 2012 Keynote by Michael Fienen, has 21 slides with 862 views.At JBoye Philadelphia 2012 I presented one-third of the Thursday keynote, focused on the theme of sharing is caring and how it applies to superheroes of our industry. In this case, it's taking a fast look at bolstering user-centric design principles.
Sharing Superheroes - J.Boye Philadelphia 2012 KeynoteSharing Superheroes - J.Boye Philadelphia 2012 Keynote
Sharing Superheroes - J.Boye Philadelphia 2012 Keynote
Michael Fienen
21 slides862 views
Elated Presentation by dbaudio, has 39 slides with 705 views.This is a powerpoint presentation that was developed to provide best practices for audio production in e-learning development.
Elated PresentationElated Presentation
Elated Presentation
dbaudio
39 slides705 views
易用性研究現場實務大綱 by David Liu by 悠識學院, has 6 slides with 743 views.易用性研究現場實務大綱 by David Liu, HP7 活動內容 http://userxper.com/courses/events/hp7
易用性研究現場實務大綱 by David Liu易用性研究現場實務大綱 by David Liu
易用性研究現場實務大綱 by David Liu
悠識學院
6 slides743 views

Similar to Breaking the Mobile Web with HTML5 (20)

Ester Ytterbrink - FOSS for crips by FSCONS, has 50 slides with 914 views.The document discusses the benefits of using free and open-source software (FOSS) tools. It argues that FOSS tools should be used because they allow for open communication, enable customization, and ensure users don't rely on a single corporation. FOSS also promotes skills sharing, political transparency, and collaboration to "make the world suck less." However, concerns about support, security and skills are addressed. Overall it promotes FOSS for empowering users.
Ester Ytterbrink - FOSS for cripsEster Ytterbrink - FOSS for crips
Ester Ytterbrink - FOSS for crips
FSCONS
50 slides914 views
Maximiliano Firtman by Colombia3.0, has 140 slides with 474 views.The document appears to be a presentation about mobile businesses using HTML5. It discusses the evolution of mobile devices and how they are constantly by our sides. It also covers challenges like supporting multiple platforms and user experience. The presentation provides examples of HTML5 apps and websites as well as distribution methods. It weighs the pros and cons of native vs. HTML5 approaches. Overall, the presentation aims to help people develop successful mobile HTML5 businesses.
Maximiliano FirtmanMaximiliano Firtman
Maximiliano Firtman
Colombia3.0
140 slides474 views
Multiplatform, Promises and HTML5 by C4Media, has 150 slides with 880 views.This document contains a presentation about developing multiplatform mobile applications. It discusses the benefits of using HTML5 for cross-platform development, including code sharing across platforms. However, it also notes some disadvantages of HTML5 like underestimating challenges, varying performance across browsers and devices, and lack of native UI capabilities. The presentation explores options for developing native apps, web apps, and hybrid apps that combine web technologies with native platforms. It emphasizes the importance of considering multiple factors like distribution channels, development approaches, and each platform's varying support for HTML5 features when choosing a development strategy.
Multiplatform, Promises and HTML5Multiplatform, Promises and HTML5
Multiplatform, Promises and HTML5
C4Media
150 slides880 views
Mobile? WT... F? by Vicker Leung, has 35 slides with 418 views.My presentation slide in Barcamp 2011 about mobile application development. Sorry that I don't have time to enter the slide notes...
Mobile? WT... F?Mobile? WT... F?
Mobile? WT... F?
Vicker Leung
35 slides418 views
Pulse News: porting android app to tablet by Paris Android User Group, has 47 slides with 717 views.This document discusses designing applications for tablets. It covers both human and technical aspects, including using relative layouts, resource folders, and dimensions to support different screen sizes. It emphasizes testing applications thoroughly on all device sizes and API levels. The document also discusses some Honeycomb features like hardware acceleration, action bars, and fragments.
Pulse News: porting android app to tabletPulse News: porting android app to tablet
Pulse News: porting android app to tablet
Paris Android User Group
47 slides717 views
Windows 1-8 voor het bedrijfsleven. Wat moet je ermee by Vincent Everts, has 96 slides with 605 views.The document discusses the history and evolution of the Windows operating system from versions 1.0 through 8.0. It describes each major version of Windows, highlighting new features and interfaces. It focuses on Windows 8, praising aspects like speed improvements but criticizing the lack of a start button and issues with finding applications. The document concludes that Windows 8 brings Windows back to being innovative with improvements in speed, stability, and tablets while still maintaining compatibility with applications and management like Windows 7.
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
Vincent Everts
96 slides605 views
Hacks & hackers by twh, has 16 slides with 685 views.The document discusses the development and launch of the Guardian Anywhere Android app. It provides statistics on installs, retention rates, and reviews. Key points include that the app has over 89,000 total installs with a 47.9% retention rating, and positive feedback from journalists Clay Shirky and Dan Gillmor who said it was very good and hard to see how it could be much better.
Hacks & hackersHacks & hackers
Hacks & hackers
twh
16 slides685 views
Localizing iOS Apps by weissazool, has 36 slides with 970 views.The document discusses localizing iOS apps to increase revenue. It recommends using NSLocalizedString() to extract all text for translation. The genstrings tool generates localization files from these strings for translators. Once translated, the files are added to language-specific projects. Localizing images, text set in Interface Builder, and leveraging localization for marketing are also covered.
Localizing iOS AppsLocalizing iOS Apps
Localizing iOS Apps
weissazool
36 slides970 views
Preso ricoh-final-deel-I by Ronnie Overgoor, has 98 slides with 391 views.This document discusses how the current generation of young people is growing up with technology being fully integrated into their lives. They use multiple screens and devices simultaneously and have access to information through the internet almost constantly. This connectivity is expected as a basic need and fundamental part of both personal and professional life. The document argues that in order to understand and reach this upcoming generation of workers and entrepreneurs, it is important to understand their relationship with and reliance on digital tools and connectivity.
Preso ricoh-final-deel-IPreso ricoh-final-deel-I
Preso ricoh-final-deel-I
Ronnie Overgoor
98 slides391 views
Reviving RIM by Lynn Esther Chung, has 41 slides with 561 views.The document discusses Blackberry's declining market share in the smartphone industry. It shows graphs of Blackberry's falling share of the US market from 2010 to 2011 as Android and Apple iOS increased. Charts also show global smartphone sales rising from 472 million in 2011 to an expected 982 million in 2015. The document outlines Blackberry's 1-year plan to change perceptions and raise revenue, and 5-year plan to own the corporate market. It discusses initiatives to encourage innovation and challenges employees have expressed about the work culture. Later sections cover targeting the teen market, partnerships with artists, popup stores, and focusing on professionals and key industries like government and healthcare.
Reviving RIMReviving RIM
Reviving RIM
Lynn Esther Chung
41 slides561 views
Embedjs by Nikolai Onken, has 77 slides with 2005 views.The document discusses the embedjs library, which allows building cross-device applications by detecting features at runtime rather than branching code. It provides an overview of embedjs' history and capabilities, including how it allows defining and requiring features in a simple way. The presentation demonstrates how embedjs works in practice and its potential future directions, such as optimized modules and mobile features.
EmbedjsEmbedjs
Embedjs
Nikolai Onken
77 slides2K views
Managing Databases In A DevOps Environment by Robert Treat, has 152 slides with 5574 views.There’s a lot of talk in the devops world about bringing developer concepts to system administration, and discussion the other way about bringing the awareness of operations to developers, but a lot of the conversation leaves out what is often the most critical part of your technology stack: the database. Perhaps that’s because DBA’s have always had to keep one foot in development and one in production, before there was a devops. Or maybe DBA’s just suck at playing well with others. Bottom line; it doesn’t matter. If you are going to store data, you need a plan that both developers and operations people can understand and embrace. At OmniTI we’ve worked with many of the leaders in the devops movement and we’ve found there are commonalties across these organizations. It’s not so much about the tools, but about the techniques they use to help people break down barriers between different roles and establish a common ownership of technology within their organizations. Monitoring and visibility, managing schema changes and production pushes, optimization, configuration and backups; there are aspects to data storage that bring about unique challenges. You won’t need to adopt all of these techniques to be successful, but it’s time you had a frank conversation about what it takes to make your database truly “webscale”. Slides from PGOpen 2011, But this talk was also delivered at Velocity 2011 as well.
Managing Databases In A DevOps EnvironmentManaging Databases In A DevOps Environment
Managing Databases In A DevOps Environment
Robert Treat
152 slides5.6K views
Optimizing your site for contextual ads: SEO, Design and Content by Raven Tools, has 45 slides with 722 views.The document discusses optimizing a website for contextual ads through search engine optimization, design, and content strategies. It provides tips for on-site optimization including information architecture, keyword research, site structure, semantic HTML elements, structured data, social metadata, and site speed. It also discusses designing pages to funnel and integrate ads, testing ad placements, and creating comprehensive, informative, actionable content to attract traffic and clicks.
Optimizing your site for contextual ads: SEO, Design and ContentOptimizing your site for contextual ads: SEO, Design and Content
Optimizing your site for contextual ads: SEO, Design and Content
Raven Tools
45 slides722 views
Tackling Big Data with Hadoop by poorlytrainedape, has 28 slides with 788 views.The document discusses big data and how Hadoop can be used to tackle it. Hadoop is an open-source software framework that allows distributed processing of large data sets across clusters of computers. It uses a programming model called MapReduce that enables parallel processing of data. Many companies are now using Hadoop to gain insights from massive, diverse data sets. The document concludes with information on learning more about Hadoop and seeing a demo.
Tackling Big Data with HadoopTackling Big Data with Hadoop
Tackling Big Data with Hadoop
poorlytrainedape
28 slides788 views
Android Design: Beyond the Guidelines by kevingrant5, has 166 slides with 1647 views.With Android Design guidelines becoming more robust and easier to implement, it's easy to have your application's design lost in a homogenized sea of "Holo Themed" user interfaces. When is it ok to break away from the Design Guidelines? In this session, we will examine and showcase examples where developers have "thought outside the box" and implemented beautiful interfaces and animations that create captivating and unique experiences for their users. We will also discuss how to achieve some of these design features in your own applications by looking at common patterns for a variety of designs that will leave your users delightfully surprised and help you push the boundaries of Android's paradigms in the future. Note: Most images are animated gifs, but unfortunately will not animate in this format.
Android Design: Beyond the GuidelinesAndroid Design: Beyond the Guidelines
Android Design: Beyond the Guidelines
kevingrant5
166 slides1.6K views
South Africa Tourism by E-Tourism Frontiers, has 53 slides with 1277 views.South Africa: Doing Things Differently session at the 2013 E-Tourism Africa Summit by William Price Global Head of Digital for South Africa Tourism
South Africa TourismSouth Africa Tourism
South Africa Tourism
E-Tourism Frontiers
53 slides1.3K views
South Africa: Doing Things Differently by William Price, has 53 slides with 290 views.Presented at the 6th Annual E-Tourism Africa Summit in Cape Town #ETAS13, on how South African Tourism is taking digital and travel forward as a national destination marketing organsation. See the presentation via Google Hangout here: http://youtu.be/YyFGsjwoUw4
South Africa: Doing Things DifferentlySouth Africa: Doing Things Differently
South Africa: Doing Things Differently
William Price
53 slides290 views
Vlogging for Assessment and Critical Reflection by Amy Burvall, has 105 slides with 1223 views.originally for the Hawaii Independent Schools' Schools of Future Conference, Oct. 2013. I am also the co-creator of VoxBoxED21, a global vlogging project. *Please note that most slides include embedded exemplar videos that will not play in Slideshare
Vlogging for Assessment and Critical ReflectionVlogging for Assessment and Critical Reflection
Vlogging for Assessment and Critical Reflection
Amy Burvall
105 slides1.2K views
Oliver Weidlich presentation by Metro Screen, has 62 slides with 441 views.The document discusses what makes a good mobile app. It states that apps should be useful, usable, desirable, valuable, findable, accessible, and credible. The document outlines factors for each of these qualities, such as an app meeting users' needs (useful), being easy to use (usable), delighting customers (desirable), and having trust and reputation (credible). It also discusses patterns for managing information across devices, such as coherence, synchronization, and complementarity, and the importance of continuous experiences across screens.
Oliver Weidlich presentationOliver Weidlich presentation
Oliver Weidlich presentation
Metro Screen
62 slides441 views
Orientacao a objetos e design patterns - Secomp Londrina by Vinicius Quaiato, has 95 slides with 898 views.Palestra sobre Orientação a Objetos e Design Patterns apresentada na VIII Secompa Londrina por Vinicius Quaiato. Nesta palestra explico oa conceitos e idéias da orientação a objetos e como de fato tirar proveito dele entendendo e conhecendo Design Patterns.
Orientacao a objetos e design patterns - Secomp LondrinaOrientacao a objetos e design patterns - Secomp Londrina
Orientacao a objetos e design patterns - Secomp Londrina
Vinicius Quaiato
95 slides898 views
Managing Databases In A DevOps Environment by Robert Treat, has 152 slides with 5574 views.There’s a lot of talk in the devops world about bringing developer concepts to system administration, and discussion the other way about bringing the awareness of operations to developers, but a lot of the conversation leaves out what is often the most critical part of your technology stack: the database. Perhaps that’s because DBA’s have always had to keep one foot in development and one in production, before there was a devops. Or maybe DBA’s just suck at playing well with others. Bottom line; it doesn’t matter. If you are going to store data, you need a plan that both developers and operations people can understand and embrace. At OmniTI we’ve worked with many of the leaders in the devops movement and we’ve found there are commonalties across these organizations. It’s not so much about the tools, but about the techniques they use to help people break down barriers between different roles and establish a common ownership of technology within their organizations. Monitoring and visibility, managing schema changes and production pushes, optimization, configuration and backups; there are aspects to data storage that bring about unique challenges. You won’t need to adopt all of these techniques to be successful, but it’s time you had a frank conversation about what it takes to make your database truly “webscale”. Slides from PGOpen 2011, But this talk was also delivered at Velocity 2011 as well.
Managing Databases In A DevOps EnvironmentManaging Databases In A DevOps Environment
Managing Databases In A DevOps Environment
Robert Treat
152 slides5.6K views

More from Maximiliano Firtman (20)

ChatGPT and AI for Web Developers by Maximiliano Firtman, has 82 slides with 585 views.Session delivered at Malaga, Spain in the Wey Wey Web conference about how to use and integrate IA, ChatGPT and other LLMs into your websites including: plugins, how ChatGPT browses the web, and how to use prompt engineering for formatted data generation. AI is everywhere nowadays, but if you are a web developer, you don't know where it fits in your work. In this session, you will quickly understand how to add AI models to your website. You will also see how ChatGPT plugins work, how to create one, and how to gain control of the content used by LLMs. In this session, you'll learn about API integration with OpenAI and Google LaMDA APIs, tokens, and how to keep things secure while scaling up. We'll walk you through real examples and hands-on demos, so you'll be ready to bring AI magic to your web projects quickly. But that's not all! We'll also discuss how to create your plugin for LLMs, how Bing Chat and ChatGPT browser plugin works when browsing your web content, and how to opt out or optimize the results for AI. We'll cover basic concepts of data preprocessing, structuring, and how to tweak the model for your needs. Let's have fun and unlock ChatGPT and AI's power together!
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
Maximiliano Firtman
82 slides585 views
PWA Cheat Sheet 2023 by Maximiliano Firtman, has 136 slides with 300 views.The document discusses various features and capabilities of progressive web apps (PWAs). It covers topics like installation experiences, app experiences, platform integration, and more. Some key points include: - PWAs can be installed on devices for app-like experiences while working offline or online. Features like custom install buttons and enhanced install dialogs improve this experience. - App-related capabilities include theming, icons, splash screens, and desktop enhancements. Proper icons and splash screens optimize the experience across platforms. - Platform integration examines modern authentication, background syncing, and OS integration using APIs for files, protocols, notifications, and more. - The document provides an overview of developing PWAs
PWA Cheat Sheet 2023PWA Cheat Sheet 2023
PWA Cheat Sheet 2023
Maximiliano Firtman
136 slides300 views
Hacking Web Performance en Español - JSConf México 2020 by Maximiliano Firtman, has 110 slides with 279 views.Por qué es importante la web performance, estado actual del problema de rendimiento en la web y los trucos para hackear la performance todavía más.
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
Maximiliano Firtman
110 slides279 views
The modern PWA Cheat Sheet by Maximiliano Firtman, has 93 slides with 3168 views.The document discusses the modern Progressive Web App (PWA) development model. It covers key aspects of PWAs like service workers, app lifecycles, installation experiences, and platform integration. The goal is to build PWAs that provide native-like experiences across devices and platforms while avoiding app stores when possible by using technologies like web app manifests, service workers, and app shell architecture.
The modern PWA Cheat SheetThe modern PWA Cheat Sheet
The modern PWA Cheat Sheet
Maximiliano Firtman
93 slides3.2K views
Hacking Web Performance 2019 by Maximiliano Firtman, has 130 slides with 1081 views.This document discusses techniques for optimizing web performance on mobile. It begins by noting common metrics for performance goals like first meaningful paint and interactive. It then discusses challenges of mobile like slower cellular networks and how users leave pages that take over 3 seconds to load. The rest of the document provides tips in several areas: optimizing the first load, improving data transfer, better resource loading, optimizing images, and enhancing the user experience. Specific techniques mentioned include avoiding extra roundtrips, using modern cache controls, preloading resources, lazy loading images, leveraging new APIs, and getting reports from the browser. The overall message is that web performance should be a top priority.
Hacking Web Performance 2019Hacking Web Performance 2019
Hacking Web Performance 2019
Maximiliano Firtman
130 slides1.1K views
Progressive Web Apps Keynote by Maximiliano Firtman, has 91 slides with 230 views.The document discusses progressive web apps (PWAs) as an innovative new way to create mobile applications. PWAs use modern web capabilities to deliver native-like experiences to users. PWAs are easy to update and provide instant distribution to users. While support exists across browsers and operating systems, challenges remain around installation models and full capabilities on all platforms. Overall, PWAs provide the best of both web and native applications.
Progressive Web Apps KeynoteProgressive Web Apps Keynote
Progressive Web Apps Keynote
Maximiliano Firtman
91 slides230 views
Hacking Web Performance by Maximiliano Firtman, has 104 slides with 565 views.Session at ConFoo Montreal 2019 on the latest tips and tricks for achieving the best Web Performance on sites and apps.
Hacking Web PerformanceHacking Web Performance
Hacking Web Performance
Maximiliano Firtman
104 slides565 views
Uncovering Secrets of Progressive Web Apps by Maximiliano Firtman, has 132 slides with 612 views.Slides for a talk at Web Directions 2018 in Melbourne, Australia. The current state of PWAs as August 2018 and the challenges and problems we have, and how to deal with them.
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web Apps
Maximiliano Firtman
132 slides612 views
Hacking Web Performance by Maximiliano Firtman, has 109 slides with 1236 views.This document discusses ways to improve web performance for mobile users. It outlines goals like achieving a speed index between 1,100-2,500 and first meaningful paint within 1-3 seconds. Various techniques are presented for hacking first load times, data transfer, resource loading, images and user experience. These include avoiding redirects, using HTTP/2 and service workers, modern cache controls, responsive images, preloading resources, and ensuring consistent frame rates. The overall message is that mobile performance needs more attention given average load times and high bounce rates on slow mobile sites.
Hacking Web Performance Hacking Web Performance
Hacking Web Performance
Maximiliano Firtman
109 slides1.2K views
Hacking Web Performance @ ForwardJS 2017 by Maximiliano Firtman, has 95 slides with 1437 views.Talk about Web Performance and what to do after the basics taking place at ForwardJS 2017 in San Francisco, USA.
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017
Maximiliano Firtman
95 slides1.4K views
La Web Salta al Mundo Físico - Web meets Physical World (spanish) by Maximiliano Firtman, has 110 slides with 561 views.Slides of my talk at DevFest 2016 in Cochabamba, Bolivia (en español - in spanish) about Web APIs for hardware access, the Physical Web, WebVR and other technologies.
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
110 slides561 views
Progressive Web Apps (español - spanish) by Maximiliano Firtman, has 108 slides with 743 views.Slides of my talk about Progressive Web Apps - The Web strikes again (La Web contraataca) delivered in Cochabamba Bolivia, for DevFest 2016 in November 2016.
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)
Maximiliano Firtman
108 slides743 views
High Performance Web - Full Stack Toronto by Maximiliano Firtman, has 119 slides with 857 views.An introduction to Web Performance Optimization in 2016 - Talk delivered in Toronto, Canada, October 18th, 2016
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack Toronto
Maximiliano Firtman
119 slides857 views
Responsive Images and Performance by Maximiliano Firtman, has 63 slides with 904 views.Talk delivered in New York, Sep 19, 2016 during an O'Reilly meetup before Velocity Conference about Web Performance and Images, including HTTP Client Hints and new Image Formats
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and Performance
Maximiliano Firtman
63 slides904 views
The Physical World meets the Web by Maximiliano Firtman, has 121 slides with 895 views.The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the Web
Maximiliano Firtman
121 slides895 views
Extreme Web Performance for Mobile Devices by Maximiliano Firtman, has 169 slides with 4195 views.This document summarizes a presentation about extreme performance for mobile web. It discusses understanding the mobile web ecosystem today, focusing on performance differences for mobile and tools to measure performance. It also covers HTML5 APIs and specifications for performance as well as tips for extreme performance including optimizing the network layer, reducing redirects and stop signs, prioritizing responsive design, minimizing above-the-fold content, loading CSS asynchronously, treating JavaScript as optional, and ensuring fast user interfaces. The overall message is that perception of performance is more important than actual load times and focuses on techniques to optimize for mobile.
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
Maximiliano Firtman
169 slides4.2K views
Extreme Web Performance for Mobile Device Fluent 2015 by Maximiliano Firtman, has 186 slides with 2873 views.This document discusses optimizing web performance for mobile devices. It covers the current mobile web ecosystem, importance of performance, tools for measuring performance, optimizing initial loading and perception, and responsiveness. The key points discussed are understanding the diversity of mobile browsers and platforms, keeping content above the fold loading within 1 second, using tools like navigation timing API to measure performance, avoiding redirects and unnecessary resources, and ensuring smooth scrolling and responsiveness.
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015
Maximiliano Firtman
186 slides2.9K views
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014 by Maximiliano Firtman, has 166 slides with 2598 views.This document summarizes key points about optimizing performance for mobile web: 1. Mobile platforms are dominated by iOS and Android, with different browsers on each (Safari, Chrome). Understanding the ecosystem is important for testing and optimization. 2. Perception of speed is critical - aim for responses within 1 second. Mobile hardware is less powerful so optimization is needed. Tools like emulators, remote inspectors, and APIs help measure performance. 3. For initial loading, focus on getting above-the-fold content within 1 second using techniques like avoiding redirects, gzipping files, separating critical CSS, and deferring non-essential assets.
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
Maximiliano Firtman
166 slides2.6K views
Extreme Web Performance for Mobile Devices - Velocity NY by Maximiliano Firtman, has 158 slides with 3237 views.The document discusses optimizing web performance for mobile devices. It covers mobile web platforms and browsers, the importance of performance on mobile, tools for measuring performance, optimizing initial loading and above-the-fold content within 1 second, and maintaining responsiveness. The key recommendations are to measure on real devices, avoid redirects, reduce requests, load above-the-fold content quickly and defer the rest, and prioritize simplicity over complex designs and frameworks.
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NY
Maximiliano Firtman
158 slides3.2K views
Extreme Web Performance for Mobile Devices by Maximiliano Firtman, has 164 slides with 78668 views.Maximiliano Firtman gave a presentation on extreme web performance for mobile devices. He covered: 1. The current state of the mobile web including platforms, browsers and web apps 2. Factors affecting mobile performance like perception, hardware differences, and network speeds 3. Tools for measuring performance like emulators, online tools, and HTML5 APIs 4. Optimizing initial loading and the above-the-fold content in the first second 5. Ensuring responsiveness through consistent frame rates, immediate feedback, and smooth scrolling.
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
Maximiliano Firtman
164 slides78.7K views

Recently uploaded (20)

14 days tour package to Egypt by Axa tours(1).pdf by Axa tours, has 3 slides with 12 views.https://axatours.com/ Axa tours is your honest guide in Egypt with fair prices & support as we provide many services like snorkeling, safari, diving, trips to Luxor, Aswan, Abu Simbel, Cairo, Nile cruises, transfers, and tour guides in many cities like Sharm Elsheik, Marsa Allam, Hurghada
14 days tour package to Egypt by Axa tours(1).pdf14 days tour package to Egypt by Axa tours(1).pdf
14 days tour package to Egypt by Axa tours(1).pdf
Axa tours
3 slides12 views
Dive into the Pristine Coral Reefs of Cinque Island in Port Blair! by Seahawks Scuba, has 2 slides with 10 views.Hidden in the heart of the Andaman Islands, Cinque Island boasts some of the most untouched and vibrant coral reefs in India. This marine paradise is home to stunning coral gardens, exotic fish, reef sharks, and even majestic sea turtles! The crystal-clear waters offer breathtaking visibility, making it a top destination for scuba diving and snorkelling in Andaman.
Dive into the Pristine Coral Reefs of Cinque Island in Port Blair!Dive into the Pristine Coral Reefs of Cinque Island in Port Blair!
Dive into the Pristine Coral Reefs of Cinque Island in Port Blair!
Seahawks Scuba
2 slides10 views
Unforgettable Tanzania Safari Tours – Explore Africa’s Wild Beauty by Easy Travel And Tour Ltd, has 10 slides with 14 views.Embark on a once-in-a-lifetime adventure with our Tanzania safari tours. Witness breathtaking landscapes, encounter the Big Five, and experience the rich culture of the Serengeti, Ngorongoro Crater, and beyond. Whether you seek luxury lodges or thrilling wildlife camping, our expert-guided safaris offer an unforgettable journey into Africa’s wild heart. Book your dream safari today!
Unforgettable Tanzania Safari Tours – Explore Africa’s Wild BeautyUnforgettable Tanzania Safari Tours – Explore Africa’s Wild Beauty
Unforgettable Tanzania Safari Tours – Explore Africa’s Wild Beauty
Easy Travel And Tour Ltd
10 slides14 views
Best Buddhist Pilgrimage Tours in India and Nepal by Digital Marketing Services India, has 11 slides with 9 views.Buddhist Pilgrimage Tours India - Best Group Tours for Buddhist Pilgrimage in India and Nepal - Call +91 9818226475 / +91 11 4054 5054 https://www.buddhisttour.com/ #BuddhistTour #BuddhistPilgrimage #BuddhistCircuit #PilgrimageTour #GroupTours
Best Buddhist Pilgrimage Tours in India and NepalBest Buddhist Pilgrimage Tours in India and Nepal
Best Buddhist Pilgrimage Tours in India and Nepal
Digital Marketing Services India
11 slides9 views
Best Hotels in Mahé Seychelles for a Luxurious Island Getaway by Seychelles Times, has 9 slides with 20 views.Mahé, Seychelles, features top hotels like Constance Ephelia, Four Seasons, and Anantara Maia, offering beachfront villas, infinity pools, spas, and stunning ocean views, perfect for a serene getaway. Enjoy luxury, world-class dining, and tropical beauty in this paradise destination.
Best Hotels in Mahé Seychelles for a Luxurious Island GetawayBest Hotels in Mahé Seychelles for a Luxurious Island Getaway
Best Hotels in Mahé Seychelles for a Luxurious Island Getaway
Seychelles Times
9 slides20 views
Rappahannock Electric Cooperative (REC): Vividly Brighter Charging by Forth , has 13 slides with 20 views.Karan Patel, Managing Director - Energy Solutions and Clean Energy at Rappahannock Electric Cooperative (REC), gave this presentation at the Forth & AESP Utility-driven Programs Expanding EV Access for Low and Medium-Income Households webinar on March 25, 2025.
Rappahannock Electric Cooperative (REC): Vividly Brighter ChargingRappahannock Electric Cooperative (REC): Vividly Brighter Charging
Rappahannock Electric Cooperative (REC): Vividly Brighter Charging
Forth
13 slides20 views
Paris Marathon 2025: Guide with Chauffeur Service Tips by MY Private Service – VTC & Chauffeur Service Paris, has 13 slides with 13 views.Explore the Paris Marathon 2025 route, tips, and logistics. Need a ride? Discover top chauffeur service and VTC service Paris options with My Private Service for a seamless Marathon de Paris experience. For Event Related Queries: schneiderelectricparismarathon.com/en For Black Car Booking Related Queries: myprivateservice.com/contact
Paris Marathon 2025: Guide with Chauffeur Service TipsParis Marathon 2025: Guide with Chauffeur Service Tips
Paris Marathon 2025: Guide with Chauffeur Service Tips
MY Private Service – VTC & Chauffeur Service Paris
13 slides13 views
Everest Base Camp Trek with Gokyo Lake.pdf by havenholidaysnepal, has 28 slides with 11 views.Love wild and giant Himalayas including Everest? Love conquering over high mountain passes like Chola(5420m), why to delay? Celebrate this adventure trekking in Nepal Khumbu region with best level of preparations.
Everest Base Camp Trek with Gokyo Lake.pdfEverest Base Camp Trek with Gokyo Lake.pdf
Everest Base Camp Trek with Gokyo Lake.pdf
havenholidaysnepal
28 slides11 views
Happy Day of the Dead by Slidesgo y.pptx by Sirin50, has 56 slides with 25 views.idk
Happy Day of the Dead by Slidesgo y.pptxHappy Day of the Dead by Slidesgo y.pptx
Happy Day of the Dead by Slidesgo y.pptx
Sirin50
56 slides25 views
flightsassistance.com-Frontier Airlines Check In Simplifying Your Travel Expe... by Shirley Smith, has 7 slides with 11 views.Frontier Airlines check-in is designed to be quick and convenient for all travelers. Passengers can check in online through the airline’s website or mobile app up to 24 hours before departure, saving time at the airport. For those preferring in-person service, airport kiosks and check-in counters are also available. Frontier Airlines encourages early check-in to avoid last-minute hassles and ensure a smooth boarding process. Travelers should also review baggage policies before arriving. Whether checking in online or at the airport, Frontier Airlines makes the process simple and stress-free.
flightsassistance.com-Frontier Airlines Check In Simplifying Your Travel Expe...flightsassistance.com-Frontier Airlines Check In Simplifying Your Travel Expe...
flightsassistance.com-Frontier Airlines Check In Simplifying Your Travel Expe...
Shirley Smith
7 slides11 views
Exploring the Incredible Natural Wonders of the Country by Sophia Bradford, has 7 slides with 14 views. China’s nature travel is all about experiencing the country’s diverse landscapes, vibrant wildlife, and ancient culture and architecture. Swipe to Learn more.
Exploring the Incredible Natural Wonders of the CountryExploring the Incredible Natural Wonders of the Country
Exploring the Incredible Natural Wonders of the Country
Sophia Bradford
7 slides14 views
flightsassistance.com-Lufthansa Check-in Process.pdf by Shirley Smith, has 10 slides with 12 views.The Lufthansa check-in process is designed for convenience and efficiency. Passengers can check in online or via the Lufthansa mobile app starting 23 hours before departure. For those checking in at the airport, self-service kiosks and counters are available. It is important to adhere to Lufthansa’s check-in deadlines, which vary based on destination and ticket type. Travelers can also use mobile check-in to receive a digital boarding pass for a smooth boarding experience. Baggage drop-off counters ensure quick luggage check-in. Whether online or at the airport, Lufthansa provides a seamless check-in experience for all passengers.
flightsassistance.com-Lufthansa Check-in Process.pdfflightsassistance.com-Lufthansa Check-in Process.pdf
flightsassistance.com-Lufthansa Check-in Process.pdf
Shirley Smith
10 slides12 views
Map of Australia Infographics by Slidesgo.pptx by nathanfsena, has 34 slides with 25 views.template
Map of Australia Infographics by Slidesgo.pptxMap of Australia Infographics by Slidesgo.pptx
Map of Australia Infographics by Slidesgo.pptx
nathanfsena
34 slides25 views
South africa's profile for tourism .pptx by mjledwaba993, has 7 slides with 12 views.This document covers the South Africa's profile (indeginous knowledge system) of tourism
South africa's profile for tourism .pptxSouth africa's profile for tourism .pptx
South africa's profile for tourism .pptx
mjledwaba993
7 slides12 views
Dream Destinations at Unbeatable Prices! by LioSmith2, has 1 slides with 13 views.FlightTrotters.co.uk is a leading travel service provider, offering budget-friendly flight bookings with a seamless experience. We specialize in finding the best airfare deals, ensuring travelers save more while enjoying top-notch service. With expert travel consultants, 24/7 customer support, and secure transactions, we make booking flights easy and hassle-free. Whether for business or leisure, FlightTrotters helps you reach your dream destination at unbeatable prices. Fly smart, fly affordably with FlightTrotters.co.uk!
Dream Destinations at Unbeatable Prices!Dream Destinations at Unbeatable Prices!
Dream Destinations at Unbeatable Prices!
LioSmith2
1 slide13 views
Hop On, Hop Off – The Stress-Free Way to See Florence! by HoponhopoffBus, has 1 slides with 12 views.Hop on, explore, hop off! It’s that easy to see Florence’s top sights. Find out why so many tourists love this way of traveling! Fore more visit: https://www.hop-on-hop-off-bus.com/florence/hop-on-hop-off-tour-of-florence_5151
Hop On, Hop Off – The Stress-Free Way to See Florence!Hop On, Hop Off – The Stress-Free Way to See Florence!
Hop On, Hop Off – The Stress-Free Way to See Florence!
HoponhopoffBus
1 slide12 views
Top Travel Destinations in Southeast Asia & Indian Tourists' Growing Preference by FullOnTravel, has 10 slides with 12 views.This PowerPoint presentation highlights the rising trend of Indian travelers choosing Southeast Asia for their vacations. It covers popular destinations like Thailand, Bali, Malaysia, Singapore, Vietnam, and Cambodia, along with key reasons for their popularity—budget-friendly travel, easy visa policies, and cultural appeal. The slides include recent travel trends, statistics, and future outlooks, making it an insightful resource for travel enthusiasts and industry professionals.
Top Travel Destinations in Southeast Asia & Indian Tourists' Growing PreferenceTop Travel Destinations in Southeast Asia & Indian Tourists' Growing Preference
Top Travel Destinations in Southeast Asia & Indian Tourists' Growing Preference
FullOnTravel
10 slides12 views
Sar Pass Trek: An Adventurer's Paradise in the Himalayas by Trek Yaari, has 27 slides with 20 views.Sar Pass trek is one of the most exciting treks in Himachal Pradesh leading through the marvelous Parvati Valley. Trekking heads from Kasol through lovely trails and colorful forests, meadows and pretty tiny villages of Grahan and Min thach. The trail goes forward and reaches Nagaru and then the summit of the Sar Pass at about 4,100m, overlooking snow clad peaks and glaciers. Descending to Bhandak Thatch reveals peace such as one can ever see and beautiful views. This category of trekking has inclined ramp, some portion of snow fields and moderately tough terrains that can be suitable for adventure lovers. Sar Pass offers tremendous views of nature, adventure and the solicitous of snowy Himalayas.
Sar Pass Trek: An Adventurer's Paradise in the HimalayasSar Pass Trek: An Adventurer's Paradise in the Himalayas
Sar Pass Trek: An Adventurer's Paradise in the Himalayas
Trek Yaari
27 slides20 views
Step-by-Step Guide How to Pay for Flight Tickets with Crypto in 2025.pdf by Travelay, has 16 slides with 15 views.Discover a step-by-step guide on how to pay for flight tickets with crypto in 2025. Learn how to book affordable flights with cryptocurrency through Travelay and enjoy secure, hassle-free payments. Save big on your next trip with crypto-friendly flight booking options. Read More: https://www.flytravelay.com/blog/step-by-step-guide-how-to-pay-for-flight-tickets-with-crypto-in-2025
Step-by-Step Guide How to Pay for Flight Tickets with Crypto in 2025.pdfStep-by-Step Guide How to Pay for Flight Tickets with Crypto in 2025.pdf
Step-by-Step Guide How to Pay for Flight Tickets with Crypto in 2025.pdf
Travelay
16 slides15 views
A Treasury of Other Places — Loci on the Arc of Time by Lawrence Winkler, has 48 slides with 28 views.What makes time an event or a space a place? We live on a spiral arc of time that never ends. Distance and difference are the tonics of creativity. For the last forty years, my soulmate Robyn has been my companion, my foil, and my subplot. Without her, my meanderings would have been meaningless. Other places I have written about are elsewhere. I’m a salvage anthropologist, reverse-engineering time warps into words for events to survive beyond their occurrence—to taste life twice. The space to move about and the time to be alone will soon become the great scarcities of tomorrow. But within these pages is an anthology of what I did on my vacations, 36 stories of 36 places over 36 years in time and space and travel and meaning and the writing of it all. They are immortal. Read them with your whole face.
A Treasury of Other Places — Loci on the Arc of TimeA Treasury of Other Places — Loci on the Arc of Time
A Treasury of Other Places — Loci on the Arc of Time
Lawrence Winkler
48 slides28 views

Breaking the Mobile Web with HTML5

  • 1. BREAKING THE MOBILE WEB Max Firtman @firt firt.mobi Sep, 12th, 2011 Nashville Monday, September 12, 11
  • 2. who am I? mobile+web developer mobilexweb.com blog @firt Monday, September 12, 11
  • 3. where? Monday, September 12, 11
  • 4. where? buenos aires ~ argentina Monday, September 12, 11
  • 5. where? buenos aires ~ argentina patagonia soccer meat & wine tango Monday, September 12, 11
  • 6. where? buenos aires ~ argentina patagonia soccer meat & wine tango Monday, September 12, 11
  • 7. where? buenos aires ~ argentina patagonia true lies tango scene soccer meat & wine tango Monday, September 12, 11
  • 8. books Image from my house Monday, September 12, 11
  • 9. Monday, September 12, 11
  • 10. Using the Latest Today Mobile HTML5 coming soon... Estelle Weyl & Maximiliano Firtman also by @estellevw Monday, September 12, 11
  • 11. many of you have two questions for me Monday, September 12, 11
  • 12. the first answer is no Monday, September 12, 11
  • 13. the second answer is yes Monday, September 12, 11
  • 14. other projects Blog www.mobilexweb.com +40 links, +300 emulators www.mobilexweb.com/emulators typing long URLs on mobile? www.mobiletinyurl.com Monday, September 12, 11
  • 15. agenda Monday, September 12, 11
  • 16. agenda Monday, September 12, 11
  • 17. agenda ‣ why? Monday, September 12, 11
  • 18. agenda ‣ why? ‣ what’s the problem? Monday, September 12, 11
  • 19. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? Monday, September 12, 11
  • 20. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? ‣ mobile browsers today Monday, September 12, 11
  • 21. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? ‣ mobile browsers today ‣ forget & learn Monday, September 12, 11
  • 22. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? ‣ mobile browsers today ‣ forget & learn ‣ mobile web toolkit Monday, September 12, 11
  • 23. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? ‣ mobile browsers today ‣ forget & learn ‣ mobile web toolkit ‣ html5 today Monday, September 12, 11
  • 24. agenda ‣ why? ‣ what’s the problem? ‣ why are we here? ‣ mobile browsers today ‣ forget & learn ‣ mobile web toolkit ‣ html5 today ‣ the future Monday, September 12, 11
  • 25. why mobile? Monday, September 12, 11
  • 26. mobile devices are our flying cars Monday, September 12, 11
  • 27. mobile is more about users Monday, September 12, 11
  • 28. mobile Monday, September 12, 11
  • 29. mobile ‣ absolutely personal Monday, September 12, 11
  • 30. mobile ‣ absolutely personal ‣ +5 billions Monday, September 12, 11
  • 31. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus Monday, September 12, 11
  • 32. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... Monday, September 12, 11
  • 33. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... Monday, September 12, 11
  • 34. mobile ‣ absolutely personal ‣ +5 billions ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere. Monday, September 12, 11
  • 35. then... what is the problem? Monday, September 12, 11
  • 36. mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands Islands Monday, September 12, 11
  • 37. lots of questions Photo by wayneandwax (Flickr) Monday, September 12, 11
  • 38. we need to learn lots of questions Monday, September 12, 11
  • 39. lots of platforms Monday, September 12, 11
  • 40. mobile web appears Monday, September 12, 11
  • 41. native vs web Monday, September 12, 11
  • 42. WAIT! Monday, September 12, 11
  • 43. Are you sure? Monday, September 12, 11
  • 44. native code vs javascript Monday, September 12, 11
  • 45. browser vs installed apps & stores Monday, September 12, 11
  • 46. lack of definitions Monday, September 12, 11
  • 47. when we say mobile web Monday, September 12, 11
  • 48. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps Monday, September 12, 11
  • 49. 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, September 12, 11
  • 50. what’s the problem with mobile web? Monday, September 12, 11
  • 51. we are second class producers Monday, September 12, 11
  • 52. second class Monday, September 12, 11
  • 53. second class ‣vague, non-existent or outdated documentation Monday, September 12, 11
  • 54. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties Monday, September 12, 11
  • 55. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties ‣ lack of samples Monday, September 12, 11
  • 56. second class ‣ vague, non-existent or outdated documentation ‣ new features discovered by third-parties ‣ lack of samples ‣ no developer tools Monday, September 12, 11
  • 57. what? Updated: 02 Sep 2011 Monday, September 12, 11
  • 58. Testing & debugging Monday, September 12, 11
  • 59. Standards! Monday, September 12, 11
  • 60. Photo by Ben Millett (Flickr) Monday, September 12, 11
  • 61. Monday, September 12, 11
  • 62. Are you sure to be happy? Photo by Ricky David (Flickr) Monday, September 12, 11
  • 63. What is ? Monday, September 12, 11
  • 64. html5 Monday, September 12, 11
  • 65. html5 ‣ w3c standards (all in draft) Monday, September 12, 11
  • 66. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards (css, svg, geolocation) Monday, September 12, 11
  • 67. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards (css, svg, geolocation) ‣ de-facto standards Monday, September 12, 11
  • 68. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards (css, svg, geolocation) ‣ de-facto standards ‣ w3c ex-standards Monday, September 12, 11
  • 69. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards (css, svg, geolocation) ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the web Monday, September 12, 11
  • 70. html5 Monday, September 12, 11
  • 71. html5 today: Monday, September 12, 11
  • 72. html5 today: lack of real, good and practical information for mobile on the html5 community Monday, September 12, 11
  • 73. caniuse.com • Simplification of the mobile web browser space • Inaccurate information Monday, September 12, 11
  • 74. Modernizr • Inaccurate information - inlinesvg and webgl Monday, September 12, 11
  • 75. html5test.com Not clear the html5 concept behind these tests Monday, September 12, 11
  • 76. let’s try to clarify Monday, September 12, 11
  • 77. announcing today... Monday, September 12, 11
  • 78. Photo by Ben Millett (Flickr) Monday, September 12, 11
  • 79. mobile browsers Monday, September 12, 11
  • 80. mobile browsers ‣ too many Monday, September 12, 11
  • 81. mobile browsers ‣ too many ‣ (some) too limited Monday, September 12, 11
  • 82. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative Monday, September 12, 11