Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら

Click here to load reader

  • date post

    13-Dec-2014
  • Category

    Technology

  • view

    56.136
  • download

    4

Embed Size (px)

description

2013-02-09 HTML5 Carnival Fukuoka(HTML5カーニバル福岡) 講演資料

Transcript of Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら

  • 1. FLASH HTML5 1329

2. @taikiken1329 3. Flash / ActionScript HTML, CSS, JavaScript Perl, PHP MySQL, PostgreSQL iOS / Objective-C Unity1329 4. Flash / ActionScript Flash / ActionScript Script UI1329 5. FlashHTML5 1329 6. 1329 7. CSSJavaScript 1329 8. 1329 9. 1329 10. ...1329 11. ...1329 12. 1329 13. HTML5 1329 14. HTML5 1329 15. ... HTML5 HTML4, XHTMLCSS section, article, aside, nav1329 16. HTML5 1329 17. SVG Canvas WebGL 3D, Open GL Video, Audio Geo-Location Form form WebStorage (localStorage, sessionStorage) Web Workers JavaScript1329 18. Flash 1329 19. Web DOM1329 20. Web DOM Canvas1329 21. Web DOM Canvas{ 2D 3D(WebGL)1329 22. DOM DOM1329 23. HTML5 CSS3 + CSS3 CSS Selectors Selector, class, id CSS Transforms CSS3 Media Queries CSS1329 24. CSS TransformsJavaScript 1329 25. CSS Filter photoshop MDN: lter https://developer.mozilla.org/ja/docs/CSS/lter Demo: inazumatv.com ChromeCSS(-webkit-lter) http://www.inazumatv.com/contents/archives/73361329 26. DOM DOMJavaScriptDOM1329 27. SVGVideo, AudioGeo-LocationFormformWebStorage(localStorage, sessionStorage)Web WorkersJavaScriptJavaScript APIvideo, audio...1329 28. Canvas Canvas{ 2D 3D(WebGL)2D, 3D1329 29. CanvasCanvas { 2D 3D(WebGL)JavaScript Photoshop by Web: inazumatv.com Canvas Canvas API http://www.inazumatv.com/contents/archives/72811329 30. DOMDOM DOM ...JavaScript HTMLHTML4, XHTML, HTML5DOCTYPE 1329 31. DOMDOM DOM ... UTF-81329 32. DOMDOM DOM ...HTML, CSS1329 33. 1329 34. HTML5 ROCKS: : http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/1329 35. HTML HTML5 ROCKS: : http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/1329 36. DOM HTML5 ROCKS: : http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/1329 37. DOM HTML5 ROCKS: : http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/1329 38. DOM1329 39. DOM ] 1329 40. DOM1329 41. DOM DOM1329 42. DOM DOMDOMposition: xed, absolute 1329 43. DOM CSS positionstaticrelativeDOMxedabsolute1329 44. DOMposition xed, absolute 1329 45. DOMposition: absolute DOMCSS...width % window ...1329 46. DOMposition: absolute DOMJavaScript window resizewindow DOM 1329 47. DOM DOMposition: static, relative width margin: 0 auto; 1329 48. DOM DOMHTMLCSSJavaScript+CSS31329 49. DOM DemoJTB http://www.jtbpublishing.com/recruit/saiyo/index.html1329 50. DOM DemoXHTML, CSS, JavaScript 9~6JTB http://www.jtbpublishing.com/recruit/saiyo/index.html1329 51. DOM DOM 8~6 HTML5 JavaScript+CSS1329 52. DOM DOM 8~6 HTML5 JavaScript+CSS 8~6 CSS3 Polyll1329 53. DOM DOMPolyllAdobe: HTML5&CSS3 6 Graceful DegradationPolyllhttp://www.adobe.com/jp/devnet/dreamweaver/articles/html5pack_css3_part6.html 8~6 32bit PNG min-width, max-width position: xed background: gradient box-shadow text-shadow border-radius ... etc1329 54. DOM DOMPolyll 8~6 32bit PNG min-width, max-width position: xed background: gradient box-shadow text-shadow border-radius ... etc1329 55. DOM DOMPolyll 8~6 32bit PNG min-width, max-width position: xed background: gradient box-shadow text-shadow border-radius ... etc1329 56. DOMDOMPolyllScript 8~6 JavaScript CSS expression1329 57. DOM DOMPolyllScript 8~6JavaScriptCSS expressionJavaScriptmicrosoftCSS expressionCSS Expressions http://msdn.microsoft.com/ja-jp/ie/dd253083.aspx1329 58. DOMDOMJavaScript HTML, CSSJavaScript1329 59. DOM DOMHTML, CSSJavaScript 21329 60. DOM DOM JavaScript 1329 61. DOM DOMJavaScript Tween Engine1329 62. DOM DOMJavaScript this 1329 63. DOM JavaScript setInterval,setTimeout,requestAnimationFrame Date.getTime1329 64. DOMDOMHTML5, CSS3http://developer.android.com/design/index.html http://www.apple.com/jp1329 65. DOMDOMECMAScript 5http://developer.android.com/design/index.html http://www.apple.com/jp1329 66. DOMDOM ...http://developer.android.com/design/index.html http://www.apple.com/jp1329 67. DOM DOM iOS, Android CSS, JavaScripthttp://developer.android.com/design/index.html http://www.apple.com/jp1329 68. DOM DOM http://developer.android.com/design/index.html http://www.apple.com/jp1329 69. DOM DOM1329 70. Flash iOS Android...1329 71. DOM DOMHTML, CSS 1329 72. DOMDOMHTML, CSS + JavaScript1329 73. DOMDOM Chrome Developer Tool Timeline1329 74. HTML5, CSS3 caniuse.com http://caniuse.com/1329 75. Canvas, WebGL 2013-03-09 FxUG 178 @ Ruby https://www.facebook.com/events/436538453082352/ http://atnd.org/events/358741329 76. Slideshare: http://www.slideshare.net/clockmaker_jp/fsiteashhtml5 FlashHTML5Yasunobu Ikeda Slideshare: http://www.slideshare.net/taikiken/javascript-14882630 JavaScript+ http://slides.html5rocks.com/ HTML5* Web Development to the next lebel http://www.html5rocks.com/ja/slides HTML5 Rocks 1329 77. 1329 78. 1329 79. 1329