Download presentation
Presentation is loading. Please wait.
Published byGregory Holmes Modified over 9 years ago
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.