Html5 use cases

696 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
696
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Html5 use cases

    1. 1.  HTML5
    2. 2.  Use
    3. 3.  Cases 전용우
    4. 4. TOC1. HTML52. CSS33. API4. Flash Free
    5. 5. 1. HTML5
    6. 6. Semantic Web
    7. 7. Semantic Web header nav.../nav /header
    8. 8. Semantic Web header nav.../nav /header
    9. 9. Semantic Web header nav.../nav /header section ... /section
    10. 10. Semantic Web header nav.../nav /header section ... /section
    11. 11. New Feature
    12. 12. New Feature
    13. 13. New Feature input type=”text” placeholder=”곡명, 앨범명, 아티스트명”
    14. 14. New Feature
    15. 15. New Feature
    16. 16. New Feature
    17. 17. New Feature
    18. 18. New Feature
    19. 19. New Feature input[type=search] input[type=number] .... tel, email, time....
    20. 20. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ...script type=”text/javascript”style type=”text/css”b/
    21. 21. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript”style type=”text/css”b/
    22. 22. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript”style type=”text/css”b/
    23. 23. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css”b/
    24. 24. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css”b/
    25. 25. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css” styleb/
    26. 26. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css” styleb/
    27. 27. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css” styleb/ b
    28. 28. Simple Tag!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ... !doctype htmlscript type=”text/javascript” scriptstyle type=”text/css” styleb/ b
    29. 29. 2. CSS3
    30. 30. Transition
    31. 31. Transition
    32. 32. Transition #layer .off{ opacity : 0;  transition-duration: 2s;       transition-property: opacity;         transition-delay: 1s;      transition-timing-function: ease; }
    33. 33. Transform
    34. 34. Transform
    35. 35. Transform #section .first{ transition : transform 2s 0s ease; transform : translate3d(200px, 0, 0); }
    36. 36. Compatibility?
    37. 37. Use Library.(Jindo Mobile, JQuery Mobile, Sencha Mobile..)
    38. 38. 3. API
    39. 39. localStorage
    40. 40. localStorage
    41. 41. localStorage localStorage[“history”] = “전용우”; localStorage[“history”];
    42. 42. geolocation
    43. 43. geolocation
    44. 44. geolocation navigator.geolocation.getCurrentPosition( fpSuc, fpFail );
    45. 45. 4. Flash Free
    46. 46. Flash to JavaScript
    47. 47. Use Canvas 예전
    48. 48. 감사합니다.

    ×