Presentation is loading. Please wait.

Presentation is loading. Please wait.

Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.

Similar presentations


Presentation on theme: "Let’s look what flash can do: OK, that wasn’t flash! That was HTML5."— Presentation transcript:

1

2 Let’s look what flash can do: http://www.drawastickman.com/ http://www.drawastickman.com/ OK, that wasn’t flash! That was HTML5.

3  1991 HTML  1994 HTML 2  1996 CSS 1 + JavaScript  1997 HTML 4  1998 CSS 2  2000 XHTML 1  2002 Tableless Web Design  2005 AJAX  2009 HTML 5

4  HTML5 ~= HTML + CSS3 + JavaScript  World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).  Still a work in progress. However, most modern browsers have some HTML5 support. http://HTML5Test.com http://HTML5Test.com

5  New features should be based on HTML, CSS, DOM, and JavaScript  Reduce the need for external plugins (like Flash)  Better error handling  More markup to replace scripting  HTML5 should be device independent  The development process should be visible to the public

6  New Markup Elements ◦ ◦ etc..

7  New Media Elements ◦ video  Now embed video in your page without requiring any plugin like Flash or Silverlight. BrowserMP4WebMOGG IE9YesNo FF4+NoYes Chrome6+Yes Opera10.6+NoYes

8  New Media Elements ◦ audio  Extremely simple and easy way to show an audio player in your page. BrowserMP3WAVOGG IE9YesNo FF4+NoYes Chrome6+Yes Opera10.6+NoYes

9  A canvas is a rectangular area, and you control every pixel of it.  Uses JS to draw shapes and color. ◦ canvas  Entire library of JS functions for Canvaslibrary

10  Two new objects to save data: ◦ localStorage - stores data with no time limit ◦ sessionStorage - stores data for one session  localStorage ◦ Data stored till cleared programmatically by JS ◦ Or browser cache cleared. ◦ accessible only from the domain that initially stored the data.  sessionStorage ◦ accessible only from the page that initially stored the data.

11  email  url  number  range  Date pickers (date, month, week, time, datetime, datetime-local)  search  color No more need to code JS validators for input fields.

12  W3Schools.com W3Schools.com  HTML5Rocks.com HTML5Rocks.com  HTML5Test.com HTML5Test.com  And then there is Google!


Download ppt "Let’s look what flash can do: OK, that wasn’t flash! That was HTML5."

Similar presentations


Ads by Google