Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "What is HTML5? HTML5 is the new LEGO for both designers and programmers."— Presentation transcript:

1

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

3 What is HTML5? HTML5 provides building blocks for: content presentation functionality multimedia

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

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

6 What is HTML5? Why?

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

8 What is HTML5? Differentiates from “old school” HTML

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

10 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

11 Key Classes (Features) Semantic Markup Offline & Storage Device AccessConnectivity GraphicsMultimedia CSS3Performance & Integration

12 Key Classes (Features) Device Access Geolocation Camera access Tilt (accelerometer)

13 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.

14 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.

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

16 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. HTML5, Web Apps and Mobile

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

18 Mobile Stack

19 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.

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

21 Go Build! HTML5 ~ CSS3 ~ jQuery

22 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


Download ppt "What is HTML5? HTML5 is the new LEGO for both designers and programmers."

Similar presentations


Ads by Google