SlideShare uma empresa Scribd logo
1 de 31
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/

Mais conteúdo relacionado

Semelhante a Why HTML5?

Tools for Entrepreneurs: Create. Collaborate. Communicate.
Tools for Entrepreneurs: Create. Collaborate. Communicate.Tools for Entrepreneurs: Create. Collaborate. Communicate.
Tools for Entrepreneurs: Create. Collaborate. Communicate.
Sara Rosso
 
Hampton's 6 Rules of Mobile Design
Hampton's 6 Rules of Mobile DesignHampton's 6 Rules of Mobile Design
Hampton's 6 Rules of Mobile Design
Hampton Catlin
 
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Acquia
 
Maintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentationMaintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentation
Crafted
 

Semelhante a Why HTML5? (20)

Goto Berlin - Migrating to Microservices (Fast Delivery)
Goto Berlin - Migrating to Microservices (Fast Delivery)Goto Berlin - Migrating to Microservices (Fast Delivery)
Goto Berlin - Migrating to Microservices (Fast Delivery)
 
Tools for Entrepreneurs: Create. Collaborate. Communicate.
Tools for Entrepreneurs: Create. Collaborate. Communicate.Tools for Entrepreneurs: Create. Collaborate. Communicate.
Tools for Entrepreneurs: Create. Collaborate. Communicate.
 
Surviving a Hackathon and Beyond
Surviving a Hackathon and BeyondSurviving a Hackathon and Beyond
Surviving a Hackathon and Beyond
 
Monktoberfest Fast Delivery
Monktoberfest Fast DeliveryMonktoberfest Fast Delivery
Monktoberfest Fast Delivery
 
Building Future Friendly Experiences
Building Future Friendly ExperiencesBuilding Future Friendly Experiences
Building Future Friendly Experiences
 
Wolfgang Essentials 2016 - Critical Content & Video
Wolfgang Essentials 2016 - Critical Content & VideoWolfgang Essentials 2016 - Critical Content & Video
Wolfgang Essentials 2016 - Critical Content & Video
 
Hampton's 6 Rules of Mobile Design
Hampton's 6 Rules of Mobile DesignHampton's 6 Rules of Mobile Design
Hampton's 6 Rules of Mobile Design
 
Fast Delivery DevOps Israel
Fast Delivery DevOps IsraelFast Delivery DevOps Israel
Fast Delivery DevOps Israel
 
Digital engagement actions
Digital engagement actionsDigital engagement actions
Digital engagement actions
 
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
Story of Multnomah County: Migrating from Vignette and Building a Drupal Ecos...
 
Ten Tips for Fixing Your Terrible Website
Ten Tips for Fixing Your Terrible WebsiteTen Tips for Fixing Your Terrible Website
Ten Tips for Fixing Your Terrible Website
 
Dmk201 Lecture 1
Dmk201 Lecture 1Dmk201 Lecture 1
Dmk201 Lecture 1
 
Html5 - the new kid on the block
Html5 - the new kid on the blockHtml5 - the new kid on the block
Html5 - the new kid on the block
 
Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011
 
Maintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentationMaintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentation
 
SME Cleveland SEO Workshop March 2012
SME Cleveland SEO Workshop March 2012SME Cleveland SEO Workshop March 2012
SME Cleveland SEO Workshop March 2012
 
Show, Don't Tell! Using Video to Tell Your Story
Show, Don't Tell! Using Video to Tell Your StoryShow, Don't Tell! Using Video to Tell Your Story
Show, Don't Tell! Using Video to Tell Your Story
 
Show, Don't Tell! Using Video to Tell Your Story
Show, Don't Tell! Using Video to Tell Your StoryShow, Don't Tell! Using Video to Tell Your Story
Show, Don't Tell! Using Video to Tell Your Story
 
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & DevelopmentA Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

Why HTML5?

  • 1. Upgrade Me! HTML5 Solutions for a Mobile Website K Istudor
  • 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 Customer is ... ... to use Mobile
  • 8. Knowledge You know Your Customer is ... *Fill-In-The-Blank* ... to use Mobile
  • 9. Knowledge You know Your Customer is ... *Fill-In-The-Blank* ... to use Mobile Think Again
  • 13. Coming Up Like Daisies
  • 14. Time Lost is Money Lost Your Website needs to be:
  • 15. Time Lost is Money Lost Your Website needs to be: Fast
  • 16. Time Lost is Money Lost Your Website needs to be: Fast Efficient
  • 17. Time Lost is Money Lost Your Website needs to be: Fast Efficient Intuitive
  • 18. Time Lost is Money Lost Your Website needs to be: Fast Efficient Intuitive Compatible
  • 19. Can’t I Just Work Around my Current Code?
  • 20. Can’t I Just Work Around my Current Code? • Cumbersome
  • 21. Can’t I Just Work Around my Current Code? • Cumbersome • Expensive
  • 22. Can’t I Just Work Around my Current Code? • Cumbersome • Expensive • Hacking a Fix
  • 23. Can’t I Just Work Around my Current Code? • Cumbersome • Expensive • Hacking a Fix • Loss of Efficiency
  • 24. $ expand $ Invest in development that is expandable. Make Mine a
  • 25. $ expand $ Invest in development that is expandable. Make Mine a
  • 26. 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
  • 27. HTML5: The Sign of 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/

Notas do Editor

  1. 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
  2. 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
  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. 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
  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. 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
  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. If statistics don’t impress you, then consider the Mobile Device ground swell.\n
  13. 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
  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. 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
  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. 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
  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. 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
  27. 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
  28. 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
  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. \n