Upgrade Me!
HTML5 Solutions for a Mobile Website

                                       K Istudor
Freedom
Your Customer is...
Freedom
        Your Customer is...



•   No longer Chained to a box
Freedom
        Your Customer is...



•   No longer Chained to a box

•   Using Mobile Devices
Freedom
        Your Customer is...



•   No longer Chained to a box

•   Using Mobile Devices

•   Demanding More Options
Freedom
        Your Customer is...



•   No longer Chained to a box

•   Using Mobile Devices

•   Demanding More Options
Knowledge
You know Your
Customer is ...



... to use Mobile
Knowledge
 You know Your
 Customer is ...

*Fill-In-The-Blank*

 ... to use Mobile
Knowledge
 You know Your
 Customer is ...

*Fill-In-The-Blank*

 ... to use Mobile


Think Again
2010 Statistics
2010 Statistics
2010 Statistics
Coming Up Like Daisies
Time Lost is Money Lost
Your Website needs to be:
Time Lost is Money Lost
Your Website needs to be:

    Fast
Time Lost is Money Lost
Your Website needs to be:

    Fast
    Efficient
Time Lost is Money Lost
Your Website needs to be:

    Fast
    Efficient
    Intuitive
Time Lost is Money Lost
Your Website needs to be:

    Fast
    Efficient
    Intuitive
    Compatible
Can’t I Just Work Around
  my Current Code?
Can’t I Just Work Around
       my Current Code?

•   Cumbersome
Can’t I Just Work Around
        my Current Code?

•   Cumbersome


•   Expensive
Can’t I Just Work Around
        my Current Code?

•   Cumbersome


•   Expensive


•   Hacking a Fix
Can’t I Just Work Around
        my Current Code?

•   Cumbersome


•   Expensive


•   Hacking a Fix


•   Loss of Efficiency
$ expand $

Invest in development that is
         expandable.




 Make Mine a
$ expand $

Invest in development that is
         expandable.




 Make Mine a
Semantic Coding
Choose the right tool for the job

•   Content Rules


•   Device


•   Avoids Browser Specific Code


•   Builds for the future


•   Separate files for design and
    functions
HTML5: The Sign of the Times

•   High Quality Video

•   Improves SEO

•   Accessibility

•   Improved Site Performance
Standard Quality

      Gives your Content
       an Energy Boost
Standard Quality

      Gives your Content
       an Energy Boost
Standard Quality

      Gives your Content
       an Energy Boost
Credits on Flickr


                           donsolo                             CypressPictures                       on eyes photography                            cocoa chu chu




                  DiscoverHorses                                 sheramoni 108                                     boblet




                                                                    References
Papkzun, Eric, “Why You Should Adopt HTML5”, June 2010, Search Engine Land, Retrieved November 19, 2011 from http://searchengineland.com/why-you-should-adopt-html5now-43879
Bodnar, Kip, “A Marketer’s Guide to HTML5,” April 14, 2010, Hubspot Blog, Retrieved November 19, 2011 from http://blog.hubspot.com/blog/tabid/6307/bid/5847/A-Marketer-s-Guide-to-HTML5.aspx
Anderson, E., DeBolt, V., Featherstone, D., Gunther, L., Jacobs, D., Jensen-Inman, L., Mills, Schmitt, C., Sims, G., Walter, A., “InterACT with Web Standards: A holistic approach to web design,” 2010, Retried 10/2011
Kappert, Lars, “Progressive Enhancement 101: Overview and Best Practices” February 11. 2011, Six Revisions, Retrieved November 17,2011 from http://sixrevisions.com/web-development/progressive-enhancement/

Why HTML5?

  • 1.
    Upgrade Me! HTML5 Solutionsfor a Mobile Website K Istudor
  • 2.
  • 3.
    Freedom Your Customer is... • No longer Chained to a box
  • 4.
    Freedom Your Customer is... • No longer Chained to a box • Using Mobile Devices
  • 5.
    Freedom Your Customer is... • No longer Chained to a box • Using Mobile Devices • Demanding More Options
  • 6.
    Freedom Your Customer is... • No longer Chained to a box • Using Mobile Devices • Demanding More Options
  • 7.
    Knowledge You know Your Customeris ... ... to use Mobile
  • 8.
    Knowledge You knowYour Customer is ... *Fill-In-The-Blank* ... to use Mobile
  • 9.
    Knowledge You knowYour Customer is ... *Fill-In-The-Blank* ... to use Mobile Think Again
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
    Time Lost isMoney Lost Your Website needs to be:
  • 15.
    Time Lost isMoney Lost Your Website needs to be: Fast
  • 16.
    Time Lost isMoney Lost Your Website needs to be: Fast Efficient
  • 17.
    Time Lost isMoney Lost Your Website needs to be: Fast Efficient Intuitive
  • 18.
    Time Lost isMoney Lost Your Website needs to be: Fast Efficient Intuitive Compatible
  • 19.
    Can’t I JustWork Around my Current Code?
  • 20.
    Can’t I JustWork Around my Current Code? • Cumbersome
  • 21.
    Can’t I JustWork Around my Current Code? • Cumbersome • Expensive
  • 22.
    Can’t I JustWork Around my Current Code? • Cumbersome • Expensive • Hacking a Fix
  • 23.
    Can’t I JustWork Around my Current Code? • Cumbersome • Expensive • Hacking a Fix • Loss of Efficiency
  • 24.
    $ expand $ Investin development that is expandable. Make Mine a
  • 25.
    $ expand $ Investin development that is expandable. Make Mine a
  • 26.
    Semantic Coding Choose theright tool for the job • Content Rules • Device • Avoids Browser Specific Code • Builds for the future • Separate files for design and functions
  • 27.
    HTML5: The Signof the Times • High Quality Video • Improves SEO • Accessibility • Improved Site Performance
  • 28.
    Standard Quality Gives your Content an Energy Boost
  • 29.
    Standard Quality Gives your Content an Energy Boost
  • 30.
    Standard Quality Gives your Content an Energy Boost
  • 31.
    Credits on Flickr donsolo CypressPictures on eyes photography cocoa chu chu DiscoverHorses sheramoni 108 boblet References Papkzun, Eric, “Why You Should Adopt HTML5”, June 2010, Search Engine Land, Retrieved November 19, 2011 from http://searchengineland.com/why-you-should-adopt-html5now-43879 Bodnar, Kip, “A Marketer’s Guide to HTML5,” April 14, 2010, Hubspot Blog, Retrieved November 19, 2011 from http://blog.hubspot.com/blog/tabid/6307/bid/5847/A-Marketer-s-Guide-to-HTML5.aspx Anderson, E., DeBolt, V., Featherstone, D., Gunther, L., Jacobs, D., Jensen-Inman, L., Mills, Schmitt, C., Sims, G., Walter, A., “InterACT with Web Standards: A holistic approach to web design,” 2010, Retried 10/2011 Kappert, Lars, “Progressive Enhancement 101: Overview and Best Practices” February 11. 2011, Six Revisions, Retrieved November 17,2011 from http://sixrevisions.com/web-development/progressive-enhancement/

Editor's Notes

  • #2 Many companies ask if they should modify their website for greater mobile compatibility. Others have found that super-sizing adds just too much weight. Here are simple explanations why HTML5 may be right for you.\n
  • #3 Mobile phone have placed power into the palm of a hand. Your customer is on the move: Searching, Sharing & Shopping from anywhere in the world.\n
  • #4 Mobile phone have placed power into the palm of a hand. Your customer is on the move: Searching, Sharing & Shopping from anywhere in the world.\n
  • #5 Mobile phone have placed power into the palm of a hand. Your customer is on the move: Searching, Sharing & Shopping from anywhere in the world.\n
  • #6 Mobile phone have placed power into the palm of a hand. Your customer is on the move: Searching, Sharing & Shopping from anywhere in the world.\n
  • #7 Mobile phone have placed power into the palm of a hand. Your customer is on the move: Searching, Sharing & Shopping from anywhere in the world.\n
  • #8 Some companies say that their customers do not use mobile devices because ... they’re too old, or too young, or too set in their ways ... or they are just too afraid of technology. \n
  • #9 Some companies say that their customers do not use mobile devices because ... they’re too old, or too young, or too set in their ways ... or they are just too afraid of technology. \n
  • #10 Some companies say that their customers do not use mobile devices because ... they’re too old, or too young, or too set in their ways ... or they are just too afraid of technology. \n
  • #11 International Telecommunications Union states that 76.2% of the world population owns a cell phone. ITU also forecast that there will be over one billion tablets sold over the next five years. Will your site be ready?\n
  • #12 International Telecommunications Union states that 76.2% of the world population owns a cell phone. ITU also forecast that there will be over one billion tablets sold over the next five years. Will your site be ready?\n
  • #13 If statistics don’t impress you, then consider the Mobile Device ground swell.\n
  • #14 Efficiency in a website is crucial. Users will go where they can quickly and efficiently get what they want. Your site has to be intuitive and compatible with the tools your consumer uses: PC and Mobile Devices.\n
  • #15 Efficiency in a website is crucial. Users will go where they can quickly and efficiently get what they want. Your site has to be intuitive and compatible with the tools your consumer uses: PC and Mobile Devices.\n
  • #16 Efficiency in a website is crucial. Users will go where they can quickly and efficiently get what they want. Your site has to be intuitive and compatible with the tools your consumer uses: PC and Mobile Devices.\n
  • #17 Efficiency in a website is crucial. Users will go where they can quickly and efficiently get what they want. Your site has to be intuitive and compatible with the tools your consumer uses: PC and Mobile Devices.\n
  • #18 Efficiency in a website is crucial. Users will go where they can quickly and efficiently get what they want. Your site has to be intuitive and compatible with the tools your consumer uses: PC and Mobile Devices.\n
  • #19 Updating current code through Graceful Degradation may not be the best solution for the long run. Evolving devices and browsers can cause compatibility issues. \n
  • #20 Updating current code through Graceful Degradation may not be the best solution for the long run. Evolving devices and browsers can cause compatibility issues. \n
  • #21 Updating current code through Graceful Degradation may not be the best solution for the long run. Evolving devices and browsers can cause compatibility issues. \n
  • #22 Updating current code through Graceful Degradation may not be the best solution for the long run. Evolving devices and browsers can cause compatibility issues. \n
  • #23 Updating current code through Graceful Degradation may not be the best solution for the long run. Evolving devices and browsers can cause compatibility issues. \n
  • #24 There is only one thing we can be sure of, and that is that technology changes rapidly. By investing in code that is W3 compliant, you are investing in a site that can grow with you.\n
  • #25 There is only one thing we can be sure of, and that is that technology changes rapidly. By investing in code that is W3 compliant, you are investing in a site that can grow with you.\n
  • #26 There is only one thing we can be sure of, and that is that technology changes rapidly. By investing in code that is W3 compliant, you are investing in a site that can grow with you.\n
  • #27 HTML5 is the right tool for the job.\nContent is in reach for all users, for all devices and browsers. CSS and Java Script files are separated out making updating code clean and easy. \n
  • #28 What does this mean to your customers? Your site will respond better, faster, and more intuitive, your customer stays on your site to make the sale where ever they are. \n
  • #29 Being W3C Compliant gives your company a marketing boost. Simple, sensible solutions found in HTML5 are not only becoming standard, but will put you ahead of the pack when it comes to gaining market share. \n
  • #30 Being W3C Compliant gives your company a marketing boost. Simple, sensible solutions found in HTML5 are not only becoming standard, but will put you ahead of the pack when it comes to gaining market share. \n
  • #31 \n