<    > Le langage deWorld Wide Web.
Moi?“Khaled Garbaya”- Senior Interactive developer & team leader @StreamerZ- Twitter : @khaled_garbaya- Blog : khaledgarba...
Vous?
Timeline destechnologies Web
Timeline
HTML5 ~= HTML + CSS + JS
Keynote :Offline / StorageRealtime / CommunicationFile / Hardware AccessSemantics & MarkupGraphics / MultimediaCSS3
Offline / Storage
Local Storage
Web SQLCreation d’une BD/Table
Web SQLSELECT * FROM
Indexed-DB
DEMOS
RealTimeCommunication
Web Workers
Web Sockets
Notifications
DEMOS
File / Hardware     Access
Geolocation
File System API
Device Orientation
DEMOS
Semantics &  Markup
Markup plus logiqueHeader->hgroup->h1,h2….   Section->Article->header+section(content)                          Sidebar(as...
Balises pour application     Exemple : autocomplete et details
Form Inputs
DEMOS
Graphiques et multimedia
Audio et Video
Canvas
Canvas-Animations
WebGL
DEMOS
CSS3
Selectors
@font-face
RGBA/box-shadow/  border-radius
CSS Animation
DEMOS
MERCI !
Upcoming SlideShare
Loading in …5
×

HTML5 le langage de World Wide Web

2,333 views
2,395 views

Published on

Presentation By Khaled Garbaya

Published in: Technology
2 Comments
1 Like
Statistics
Notes
  • merci :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • source code : http://khaledgarbaya.net/gdg_manouba_html5_demos/demos.zip
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,333
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
10
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 le langage de World Wide Web

  1. 1. < > Le langage deWorld Wide Web.
  2. 2. Moi?“Khaled Garbaya”- Senior Interactive developer & team leader @StreamerZ- Twitter : @khaled_garbaya- Blog : khaledgarbaya.net- Github : github.com/khaledgarbaya
  3. 3. Vous?
  4. 4. Timeline destechnologies Web
  5. 5. Timeline
  6. 6. HTML5 ~= HTML + CSS + JS
  7. 7. Keynote :Offline / StorageRealtime / CommunicationFile / Hardware AccessSemantics & MarkupGraphics / MultimediaCSS3
  8. 8. Offline / Storage
  9. 9. Local Storage
  10. 10. Web SQLCreation d’une BD/Table
  11. 11. Web SQLSELECT * FROM
  12. 12. Indexed-DB
  13. 13. DEMOS
  14. 14. RealTimeCommunication
  15. 15. Web Workers
  16. 16. Web Sockets
  17. 17. Notifications
  18. 18. DEMOS
  19. 19. File / Hardware Access
  20. 20. Geolocation
  21. 21. File System API
  22. 22. Device Orientation
  23. 23. DEMOS
  24. 24. Semantics & Markup
  25. 25. Markup plus logiqueHeader->hgroup->h1,h2…. Section->Article->header+section(content) Sidebar(aside),figure(img+caption) +footer Navigation
  26. 26. Balises pour application Exemple : autocomplete et details
  27. 27. Form Inputs
  28. 28. DEMOS
  29. 29. Graphiques et multimedia
  30. 30. Audio et Video
  31. 31. Canvas
  32. 32. Canvas-Animations
  33. 33. WebGL
  34. 34. DEMOS
  35. 35. CSS3
  36. 36. Selectors
  37. 37. @font-face
  38. 38. RGBA/box-shadow/ border-radius
  39. 39. CSS Animation
  40. 40. DEMOS
  41. 41. MERCI !

×