1 / 22

What is HTML5?

What is HTML5?. HTML5 is the new LEGO for both designers and programmers. What is HTML5?. HTML5 provides building blocks for:. content. presentation. functionality. multimedia. What is HTML5?. HTML + CSS + JavaScript structural layer + presentation layer + functionality.

richardtroy
Download Presentation

What is HTML5?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What is HTML5? HTML5 is the new LEGO for both designers and programmers.

  2. What is HTML5? HTML5 provides building blocks for: • content • presentation • functionality • multimedia

  3. What is HTML5? HTML + CSS + JavaScript structural layer + presentation layer + functionality

  4. What is HTML5? Web Hypertext Application Technology Working Group (WHATWG)

  5. What is HTML5? Why?

  6. What is HTML5? Attempt to switch everyone to an XML format wasn't working

  7. What is HTML5? Differentiates from “old school” HTML

  8. What is HTML5? Defines "real-world" HTML HTML5 tags have semantic value

  9. What is HTML5? HTML5 offers both declarative (tagging) and scripting approaches to construction of pages HTML5 is designed so that HTML4 browsers can safely ignore the HTML5 constructs HTML5 tags cater to various media devices

  10. Key Classes (Features) Semantic Markup Offline & Storage Device Access Connectivity Graphics Multimedia CSS3 Performance & Integration

  11. Key Classes (Features) Device Access • Geolocation • Camera access • Tilt (accelerometer)

  12. Browser Implementation Browsers have a single implementation for all HTML versions WHATWG HTML specification defines: • all previous versions of HTML • as well as all the latest features.

  13. HTML5 and WebApps HTML5 features allow WebApps to perform tasks previously only available in Native Apps. Secure (sandboxed) storage of data using files, key-value pair data sets, and transaction-based indexed databases. Access to device features such as Geolocation, device orientation. 2D and 3D Graphics.

  14. HTML5, Web Apps and Mobile Smartphone market is highly fragmented. Different OSes, languages, APIs, languages for native development (= maintenance nightmare) .

  15. HTML5, Web Apps and Mobile HTML5 Webapps cheapest alternative to develop and maintain applications for a broad range of platforms. HTML5 support on smartphones better than on desktops. 85% of smartphones ship with a WebKit browser.

  16. HTML5, Web Apps and Mobile Native apps allow for a UI more appropriate to the device. Native apps more appropriate for apps requiring high performance (e.g. games).

  17. Mobile Stack

  18. Web App vs. Native Apps Reasons for using native code • Performance • Offline mode  • Findability • Device capabilities • Monetization But... HTML5 allows offline mode. Being found amongst 500000 apps isn't easy either. Javascript engine speeds have increased dramatically. Smartphones are already moving to multi-core designs.

  19. HTML5 Content Pirates Love Daisies - http://www.pirateslovedaisies.com/ - HTML5 game HTML5 content: www.pirateslovedaisies.com

  20. Go Build! HTML5 ~ CSS3 ~ jQuery

  21. Resources HTML5 Readiness - http://html5readiness.com/ HTML5 Browser Infographic - http://www.focus.com/images/view/11905/ LukeW- Design for Mobile: Native vs. Web Apps - http://www.lukew.com/ff/entry.asp?1193

More Related