html5 - let’s make the web more powerful
DESCRIPTION
Let’s make the WEB more powerfulTRANSCRIPT
![Page 1: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/1.jpg)
<Welcome>
![Page 2: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/2.jpg)
Let’s make the WEB more powerful
![Page 3: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/3.jpg)
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 Sliverlight)
![Page 4: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/4.jpg)
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.
![Page 5: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/5.jpg)
Basic HTML5 page layout
Steve Jobs refused to allow Flash on iOS devices, he said that HTML5 could do everything Flash did.
![Page 6: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/6.jpg)
Now HTML5Feature 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.
![Page 7: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/7.jpg)
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
![Page 8: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/8.jpg)
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
![Page 9: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/9.jpg)
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
![Page 10: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/10.jpg)
Javascript Changes
• Javascript workers• XHTMLHttpRequest 2• GeoLocation• Drag and Drop• File API
![Page 11: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/11.jpg)
Web Applications
• Local data storage• Local SQL database• IndexDB• Application cache
![Page 12: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/12.jpg)
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).
![Page 13: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/13.jpg)
New Input Types (cont..)
![Page 14: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/14.jpg)
New Input Types (cont..)
![Page 15: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/15.jpg)
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.
![Page 16: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/16.jpg)
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)
![Page 17: HTML5 - Let’s make the WEB more powerful](https://reader034.vdocuments.net/reader034/viewer/2022051110/54c0cabe4a79593b1e8b45da/html5/thumbnails/17.jpg)
</ThankYou>
Naga Harish MShareOurIdeas.com@nagaharishmovva