Let’s make the WEB more powerful
Why HTML5 born?
Feature Native App Web Site
Access to the local system's resources and
CPU/RAM  X
Work Offline  X
Heavy ...
HTML5….. What is this?
• This not just another version of HTML to present
content for the World Wide Web.
• Yep!, it was p...
Basic HTML5 page layout
Steve Jobs refused to allow Flash on iOS devices, he said that HTML5 could do
everything Flash did.
Now HTML5
Feature Native App Web Site
Access to the local system's resources and
CPU/RAM  
Work Offline  
Heavy graphi...
Let’s see, What is New in HTML5?
• New Elements
• New Attributes
• Full CSS3 Support
• Video and Audio
• 2D/3D Graphics
• ...
Let’s see, What is New? (cont..)
• There are new tags for content re present…
• For E.g. :- <nav /> , <header />, <section...
In Multimedia and Graphics
• New tags <video />, <audio />, <canvas />,
<svg /> and CSS3 2D/3D
• So, no need to have plugi...
Javascript Changes
• Javascript workers
• XHTMLHttpRequest 2
• GeoLocation
• Drag and Drop
• File API
Web Applications
• Local data storage
• Local SQL database
• IndexDB
• Application cache
New Input Types
• Color, Date Time, Email, Range, Tel, URL and
few more..
• This really very usefully when we are using
To...
New Input Types (cont..)
New Input Types (cont..)
Backlogs of HTMl5
• HTML5 doesn't include digital rights management
(DRM) technology to prevent copying, many
content owne...
Can we start using HTML5?
• Yes, it is right time to start developing HTML5
although it is under work and review.
• Few fe...
Naga Harish M
ShareOurIdeas.com
@nagaharishmovva
HTML5 - Let’s make the WEB more powerful
Upcoming SlideShare
Loading in...5
×

HTML5 - Let’s make the WEB more powerful

1,010

Published on

Let’s make the WEB more powerful

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,010
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 - Let’s make the WEB more powerful

  1. 1. Let’s make the WEB more powerful
  2. 2. Why HTML5 born? Feature Native App Web Site Access to the local system's resources and CPU/RAM  X Work Offline  X Heavy graphics work  X Desktop quality UI  X Performance  X Cross platform X  So, If we want any effects or features we need to depend on plugins (Flash or Silverlight)
  3. 3. HTML5….. What is this? • This not just another version of HTML to present content for the World Wide Web. • Yep!, it was proposed by Opera Software. • The aim of HTML5, give more power to WEB with multimedia, graphics & hardware acceleration. • Get access to local resources, almost with out Plugin. very interesting! • Human readable and easy to understand by computer programs.
  4. 4. Basic HTML5 page layout Steve Jobs refused to allow Flash on iOS devices, he said that HTML5 could do everything Flash did.
  5. 5. Now HTML5 Feature Native App Web Site Access to the local system's resources and CPU/RAM   Work Offline   Heavy graphics work   Desktop quality UI   Performance   Cross platform X  Browser’s JavaScript engines have made huge improvements, especially Chrome's and IE's.
  6. 6. Let’s see, What is New in HTML5? • New Elements • New Attributes • Full CSS3 Support • Video and Audio • 2D/3D Graphics • Local Storage • Local SQL Database • Web Applications • Javascript
  7. 7. Let’s see, What is New? (cont..) • There are new tags for content re present… • For E.g. :- <nav /> , <header />, <section />, <article /> and few more • And also new Attributes • autocomplete, novalidate, placeholder, required, draggable and many more
  8. 8. In Multimedia and Graphics • New tags <video />, <audio />, <canvas />, <svg /> and CSS3 2D/3D • So, no need to have plugins to play video or audio. • We can have fully access for those elements to apply styles and customization with CSS and JS
  9. 9. Javascript Changes • Javascript workers • XHTMLHttpRequest 2 • GeoLocation • Drag and Drop • File API
  10. 10. Web Applications • Local data storage • Local SQL database • IndexDB • Application cache
  11. 11. New Input Types • Color, Date Time, Email, Range, Tel, URL and few more.. • This really very usefully when we are using Touch devices (Smart phone and Tablets).
  12. 12. New Input Types (cont..)
  13. 13. New Input Types (cont..)
  14. 14. Backlogs of HTMl5 • HTML5 doesn't include digital rights management (DRM) technology to prevent copying, many content owners prefer proprietary, DRM-friendly formats such as Flash or Silverlight. • All HTML5 features not working in All major browsers. • Video formats there are 3 HTML5 video formats. Each browser following there own format. Audio also same.
  15. 15. Can we start using HTML5? • Yes, it is right time to start developing HTML5 although it is under work and review. • Few features not supported in some major browsers. • We can use few frameworks to bring same experience in all Browsers. • For example :- modernizr • HTML5, is not only for WEB, we can use those features in Cross Platform apps (E.g. :- PhoneGap)
  16. 16. Naga Harish M ShareOurIdeas.com @nagaharishmovva
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×