Your SlideShare is downloading. ×
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
An introduction to html5 by Devs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

An introduction to html5 by Devs

827

Published on

This is the presentation on HTML5, the newer version of HTML. …

This is the presentation on HTML5, the newer version of HTML.
I've discussed only the 5 new features of the HTML5 & they are
1.Canvas/SVG
2.Video
3.Geolocation
4.App cache & Database
5.Web Workers

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
827
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • So why web & why HTML5?
  • 4 basics objective of modern web techs?
  • Normal bit
  • <Scriptable image tag>Can use java script to draw2D & 3D context r used…
  • Transcript

    • 1. Presentation On
      HTML5
      By: Debidatta
      Regd. No: 0711012073
    • 2. What is HTML?
      Hyper Text Markup Language
      Text: A sequential form of
      characters in human understandable
      form
      Hyper Text: Which is not constrained
      to be linear
    • 3. What is Markup?
      • Refers to the sequence of characters or
      other symbols
      • That you insert at certain Place in a text
      or word processing file, which can be
      displayed.
      • Often called as “TAGS”
    • 4. Geolocation
      Graphics
      Speed
      Storage
    • 5. HTML 5: A Chance to Do Things Differently
      HTML 5: A Chance to Do Things Differently
      HTML 5: A Chance to Do
      Things Differently
      : A Chance to Do Things Differently
    • 6. Canvas/ Video Geolocation App Cache & Web
      SVG Database Workers
    • 7. Until Recently, You Couldn’t Draw on the Web
    • 8. Graphics are not Interactive
    • 9. The Usual Options Do This...
      VML Flash Silverlight
    • 10. What is SVG?
      • Scalable Vector Graphics
      • 11. Provides user to draw any graphics in the web
    • ADVANTAGE:-
      The IMAGE in the .svg format doesn’t distort or pixilated.
    • 12. Canvas Element
      The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using java script.
    • 13. Advantage
      3-D view in the web
      Big in texture-Game Graphics
      The graphics loaded into the CPU in less than 10% time
    • 14. When Canvas or SVG?
      SVG ->
      –High level
      –Import/Export
      –Easy UIs
      –Interactive
      –Medium Animation
      –Tree of objects
      Canvas ->
      –Low level
      –No mouse interaction
      –High Animation
      –JS Centric
      –More Bookkeeping
      –Pixels
    • 15. HTML 5 Support
      Chrome Firefox Safari Opera
      canvas/SVG
      video
      geolocation
      app cache
      database
      workers
    • 16. Canvas/ Video Geolocation App Cache & Web
      SVG Database Workers
    • 17. Video is Complicated, and Outside Your Control
    • 18. // HTML 5 makes
      <video> as easy
      as <img>
    • 19. What’s about video
      • Video in the browser is tough today because it’s about plug-ins. Now a new video tag.
      • 20. YouTube running entirely using the video tag .No Flash required.
    • HTML 5 Support
      Chrome Firefox Safari Opera
      canvas/SVG
      video
      geolocation
      app cache
      database
      workers
    • 21. Canvas/ Video Geolocation App Cache & Web
      SVG Database Workers
    • 22. Life’s Better with Location
      Places
      2.8 mi
      Social
      Ads
      CRM
      Games
      Photos
      2.1 mi
      1.1 mi
      500 ft
      20 ft
      75 ft
    • 23. But GPS & IP aren’t good enough…
      Too slow
      Too constrained
      Too fuzzy
    • 24. Geolocation
      • All apps could be better with geolocation. Cell ID and WiFi solve the problem of getting the data.
      • 25. They’ve mapped really the entire world. Again all the browsers but IE support this now.
    • ...And Browsers Are Now Location-Enabled
    • 26. HTML 5 Support
      Chrome Firefox Safari Opera
      canvas/SVG
      video
      geolocation
      app cache
      database
      workers
    • 27. Canvas/ Video Geolocation App Cache & Web
      SVGDatabase Workers
    • 28. Web cache & Database
      Store what you need locally to make applications faster.
    • 29. // database and
      app cache store
      user data and
      app resources
      locally
    • 30. Web Apps Need to Work Everywhere
    • 31. Database
    • 32. HTML 5 Support
      Chrome Firefox Safari Opera
      canvas/SVG
      video
      geolocation
      app cache
      database
      workers
    • 33. Canvas/ Video Geolocation App Cache & Web
      SVG Database Workers
    • 34. A More Powerful Web == More Powerful Apps
    • 35. But More Power == More Responsibility
      I will not hose the browser with JavaScript
      I will not hose the browser with JavaScript
      I will not hose the browser with JavaScript
      I will not hose the browser with JavaScript
      I will not hose the browser with JavaScript
      I will not hose the browser with JavaScript
    • 36. HTML 5 Support
      Chrome Firefox Safari Opera
      canvas/SVG
      video
      geolocation
      app cache
      database
      workers
    • 37. QUESTIONS

    ×