Your SlideShare is downloading. ×
Html 5   a step towards semantic web
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

Html 5 a step towards semantic web

2,561
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,561
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
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

Transcript

  • 1. HTML 5 - A step towards semantic web
    SachinKhosla
    Founder, digimantra
  • 2. What’s coming ?
    HTML – Show me what is it ?
    Latest in the WEB
    Web Workers
    WEB storage API
    CSS3
    Semantic WEB
    DEMOS
  • 3. HTML5
    What ? When ? How ?
    W3C & WHATWG
    Web Hypertext Application
    Technology Working Group
    Logo
  • 4. HTML5 structured page
    <header><h1>Hello</h1></header>
    <nav><p>Menu</p></nav>
    <section>
    <p>Section</p>
    <article><p>article 1</p></article>
    <article><p>article 2</p></article>
    </section>
    <footer><p>The footer</p></footer>
  • 5. Image credits – Sitepoint.com
  • 6. What else ?
    Forms
    Required field
    Autofocus
    Date
    Slider
    Audio & Video
    Canvas (dynamic scriptable rendering of 2D bitmap images)
    Auto-complete using datalist
  • 7. RIA
    Adobe Flash
    Microsoft SilverlightApache Pivot
    Sun JavaFX
  • 8. Get involved ?
    http://www.whatwg.org/news/start
    Mailing list
    Twitter account
    IRC
  • 9. Web Workers – what is it ?
  • 10. Spawning a worker
    varmyWorker = new Worker('my_worker.js');
    myWorker.onmessage = function(event)
    {
    //event has the data or the return values
    alert("Called back by the worker! ");
    };
  • 11. Web Storage
    Why do we require this ?
    How do we do it ?
    Cookie
    Hidden form values
    Query string
    http://dev.w3.org/html5/webstorage/
  • 12. Why not cookie ?
    • Low size
    • 13. Bad taste (multiple tabs)
    • 14. Cross site scripting
  • What’s better then ?
    You know what’s better for you
  • 15. The cake
    It isn't a cake – its Web Storage
    Session Storage
    Local Storage
  • 16. Recipe
    Session Storage Recipe
    sessionStorage.setItem(key,value);
    Local Storage Recipe
    localStorage.setItem(key,value);
  • 17. What good is CSS3
    Transparency
    rgba(255, 0, 0, 0.2);
    Web Fonts
    @font-face { src: url("gargi.ttf");
    font-family: "gargi";
    }
    Text shadow
    text-shadow: 2px 2px2px #000;
  • 18. Semantic web
    HOW ?
  • 19. THANKS
    Web – http://digimantra.com
    Twitter - @realin
    Facebook – http://facebook.com/sachinkhosla