what is html5? html5 is the new lego for both designers and programmers

22

Upload: gregory-holmes

Post on 24-Dec-2015

215 views

Category:

Documents


1 download

TRANSCRIPT

What is HTML5?

HTML5 is the new LEGO for bothdesigners 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

What is HTML5?

Web Hypertext Application Technology Working Group(WHATWG)

 

What is HTML5?

Why?

What is HTML5?

Attempt to switch everyone to an XML format wasn't working

 

What is HTML5?Differentiates from “old school” HTML

What is HTML5?Defines "real-world" HTML

HTML5 tags have semantic value

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

Key Classes (Features)

Semantic Markup Offline & Storage

Device Access Connectivity

Graphics Multimedia

CSS3 Performance & Integration

Key Classes (Features)

Device Access

• Geolocation• Camera access• Tilt (accelerometer)

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.

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.  

  

Smartphone market is highly fragmented.

Different OSes, languages, APIs, languages for native development (= maintenance nightmare) . 

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.

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

HTML5, Web Apps and Mobile

Mobile Stack

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.

   

HTML5 Content

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

www.pirateslovedaisies.comHTML5 content:

Go Build!

HTML5 ~ CSS3 ~ jQuery

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