HTML5Revolution

HTML5 essentials. Concepts. Facts. Importance.etc.

The last version of the HTML language, that has been used to create web content for the past couple of decades.

HTML5What is?

Hypertext Markup LanguageMain tool used to build web pagesHTML

HTML5 is still in the development process.

NO! You just need to be aware that there are some features that still need work, and are prone to change. You must keep informed on the drafts evolution.

HTML5 is not yet ready for production?

Does that mean…

HTML CSS Javascript

Is used for definingstructure, specifysemantics for yourdata elements, andgroup them in logical sets in your Site.

CSS, and its latest iteration,CSS3, let you associate visual styles to your structural elements (fonts, colors, etc.)

Is the programmingmuscle. It lets you add interactivity.

Without both these elements, HTML5 would just be a way to tag your content, pretty much like it was back in 1991.

{

Using the three of them combined, you can overcome their limitations, complement them, and create rich content.

Mobile is changing the way people work and live.

CHANGES…

Global internet usage will more than double by 2015, and most of these users will be mobile.

Mobile phone penetration is more than 100% in over 77 countries (Ahonen 2012).

84%global penetration 64% of mobile

phone time is spent on apps (Nielsen 2012)

There are now 1.2 billion mobile web users worlwide. (Global mobile statistics 2012)

Boston Consulting Group, Mary Meeker, Kleiner Perkins, Morgan Stanley Research, Berg Insight via Business Insider.

Why HTML5?

HTML5 is very relevant for reaching mobile devices

Today the web is available everywhere and in all types of electronic devices.

HTML5 Mobile Web Development has become very popular as it supports Apple iDevices like iPhone, iPad etc.

Its the perfect complement and makes it available anywhere and anytime.

Main characteristics of HTML5 is that it is portable.

You develop once, and can deploy almost everywhere.

HTML5 is one really good alternative

Practically all modern mobile devices haveSupport for HTML5, in some cases even better than desktop computers.

This new fifth generationof supports much more interactivity than earlier versions. It also has better support for video, audio, andinteraction.

to be able to keep developing interactive and rich content, without needing to install additional software.

in e-Learning?

Since iOS devices do not support Flash, HTML5 support makesit possible for e-Learningdevelopers to send courses straight to learners’ iPads, iPhonesand other mobile devices.

Mobile learning isn’t about courses, but about using personal digital devices to assist us inperforming knowledgework wherever andwhenever.

Why it matters

Mobile-Learning: the use of mobile technology to access learning

Think about…What browser your learners will be using to access the content: Probably the main determining factor on whether to develop in an HTML5 or Flash capable environment.

Your audience: If the majority of your learners have the potential for completing content via an iPad or other mobile device, it would make sense to move into HTML5.

Connect and follow us! @shiftelearning

www.shiftelearning.com

Resources• http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats• Wikipedia on HTML5• Apple on HTML5• Adobe on HTML5• Microsoft on HTML5• Google on HTML5• Responsive Design• Mobile First• Apache Cordova• Appcelerator Titanium• W3 Schools• Treehouse• HTML5 Rocks• HTML5 W3C Specification• HTML5 Language Reference• Smashing Magazine• The WHATWG community• Chrome Dev Relations• David Travis.• http://msdn.microsoft.com/en-us/magazine/hh335062.aspx• http://www.misfitgeek.com/2011/12/building-apps-with-html5/• http://www.tripwiremagazine.com/2012/03/html5-examples-tutorials.html• http://blog.adobexpert.com/cambios-plataforma-flash-adobe /