HTML                       makkelijker kunnen we het niet maken!Wednesday, February 1, 12
HenkWednesday, February 1, 12
HenkWednesday, February 1, 12
HenkWednesday, February 1, 12
http://www.apple.com/hotnews/thoughts-on-flash/Wednesday, February 1, 12
http://forums.silverlight.net/p/230502/562077.aspxWednesday, February 1, 12
HTML5 ~=   +   +Wednesday, February 1, 12
HTML5 ~= HTML +   +Wednesday, February 1, 12
HTML5 ~= HTML + CSS +Wednesday, February 1, 12
HTML5 ~= HTML + CSS + JSWednesday, February 1, 12
HTML5 features                            SemanticsWednesday, February 1, 12
HTML5 features                            Semantics                              CSS3Wednesday, February 1, 12
HTML5 features                            Semantics                              CSS3                            Multimedi...
HTML5 features                            Semantics    Graphics & 3D                              CSS3                    ...
HTML5 features                            Semantics    Graphics & 3D                              CSS3       Device Access...
HTML5 features                            Semantics     Graphics & 3D                              CSS3        Device Acce...
HTMLWednesday, February 1, 12
HTML (1.0)                       1991 HTML Tags specificationWednesday, February 1, 12
HTML (1.0)                       1991 HTML Tags specification                       1993 HTML specificationWednesday, Februa...
HTML 2.0, 3.0                            1995 HTML 2.0Wednesday, February 1, 12
HTML 2.0, 3.0                            1995 HTML 2.0                            1995 HTML 3.0, proposalWednesday, Februa...
HTML 3.2, 4.0                       1997 HTML 3.2 ( W3C )Wednesday, February 1, 12
HTML 3.2, 4.0                       1997 HTML 3.2 ( W3C )                       1997 HTML 4.0Wednesday, February 1, 12
HTML 4.01, XHTML,                                WEB 2.0                       1999 HTML 4.01Wednesday, February 1, 12
HTML 4.01, XHTML,                                WEB 2.0                       1999 HTML 4.01                       2000 X...
HTML 4.01, XHTML,                                WEB 2.0                       1999 HTML 4.01                       2000 X...
HTML 4.01, XHTML,                                WEB 2.0                       1999 HTML 4.01                       2000 X...
WHATWG                                MozillaWednesday, February 1, 12
Wednesday, February 1, 12
HTML5                       2008 HTML5 working draft W3CWednesday, February 1, 12
HTML5                       2008 HTML5 working draft W3C                       2009 XHTML 2.0 droppedWednesday, February 1...
HTML5                       2012 Candidate RecommendationWednesday, February 1, 12
HTML5                       2012 Candidate Recommendation                       2022 Proposed RecommendationWednesday, Feb...
HTMLWednesday, February 1, 12
SemanticsWednesday, February 1, 12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01        Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">             ...
<meta http-equiv="Content-Type" content="text/html;                                charset=utf-8">                        ...
<script src=”foo.js” > </script>                             <link href=”foo.css”></link>Wednesday, February 1, 12
<div id=”header”>                                           <div id=”nav”>                            <div id=”article”>  ...
<header>                                              <nav>                            <section>                          ...
MicrodataWednesday, February 1, 12
<section itemscope>         <article id="pizza-new-york" itemtype="http://data-vocabulary.org/Product">           <header>...
MultimediaWednesday, February 1, 12
<video src=”movie.ogg” />                  <video src=”movie.ogg” controls/>Wednesday, February 1, 12
<video controls>                              <source src=”movie.mp4” />                              <source src=”movie.o...
safari chrome IE9   firefox                            MP4      x      x      x                            H.264    x      ...
Demo                            http://html5demos.com/videoWednesday, February 1, 12
Web FormsWednesday, February 1, 12
No javascriptWednesday, February 1, 12
No javascript                       Client side validationWednesday, February 1, 12
No javascript                       Client side validation                       different input types                    ...
No javascript                       Client side validation                       different input types                    ...
No javascript                       Client side validation                       different input types                    ...
Email Address: <input type="email"        name="email" requiredWednesday, February 1, 12
Email Address: <input type="email"        name="email" required        placeholder="Enter a valid email address">Wednesday...
Email Address: <input type="email"        name="email" required        placeholder="Enter a valid email address">Wednesday...
Age: <input type="number" size="6"              name="age" min="18" max="99"              value="21"><br>Wednesday, Februa...
Age: <input type="number" size="6"              name="age" min="18" max="99"              value="21"><br>              Sat...
Age: <input type="number" size="6"              name="age" min="18" max="99"              value="21"><br>              Sat...
Device AccessWednesday, February 1, 12
GeolocationWednesday, February 1, 12
Geolocation                       Drag & DropWednesday, February 1, 12
Geolocation                       Drag & Drop                       Speech inputWednesday, February 1, 12
Geolocation                       Drag & Drop                       Speech input                       Device orientationW...
GeolocationWednesday, February 1, 12
Wednesday, February 1, 12
if (navigator.geolocation) {                       navigator.geolocation.getCurrentPosition(function           (position) ...
demo                               http://html5demos.com/geoWednesday, February 1, 12
Drag & Drop                       Events: dragover, dragenter, dropWednesday, February 1, 12
Drag & Drop                       Events: dragover, dragenter, drop                       event.transferData contains text...
Drag & Drop                       Events: dragover, dragenter, drop                       event.transferData contains text...
Drag & Drop                       Events: dragover, dragenter, drop                       event.transferData contains text...
demo                               http://html5demos.com/dragWednesday, February 1, 12
Device orientation      window.addEventListener(deviceorientation      , function(event) {        var a = event.alpha;    ...
File API                            var reader = new FileReader();                    reader.readAsDataURL(e.dataTransfer....
demoWednesday, February 1, 12
Speech input        <input type="text" x-webkit-speech />                                 http://slides.html5rocks.com/#sp...
Wednesday, February 1, 12
Graphics & 3DWednesday, February 1, 12
Canvas                       2D drawing platform                       Bitmap systemWednesday, February 1, 12
When to use?Wednesday, February 1, 12
data visualisationWednesday, February 1, 12
animated graphicsWednesday, February 1, 12
gamesWednesday, February 1, 12
<canvas height=”600” width=”800”></canvas>Wednesday, February 1, 12
(0,0)                                    x                             yWednesday, February 1, 12
canvas                            2d rendering contextWednesday, February 1, 12
var canvas = document.getElementById("canvas");           var ctx = canvas.getContext("2d");Wednesday, February 1, 12
ctx.fillStyle = ‘rgb(65, 60, 50)’;                        ctx.fillRect(25, 50, 100, 100);                        ctx.strok...
Wednesday, February 1, 12
lineTo(x,y)                       rect(x,y,w,h)                       arc(x,y, radius, startAngle, endAngle,              ...
demo                            http://hakim.se/experiments/html5/origami/Wednesday, February 1, 12
WebGL       gl = canvas.getContext("moz-webgl"); // Firefox                 gl = canvas.getContext("webkit-3d"); // Safari...
demo                            http://www.zygotebody.com/#nav=1.61,126.68,176.3Wednesday, February 1, 12
CSS3Wednesday, February 1, 12
CSS selectorsWednesday, February 1, 12
CSS selectors                       ColumnsWednesday, February 1, 12
CSS selectors                       Columns                       Rounded CornersWednesday, February 1, 12
CSS selectors                       Columns                       Rounded Corners                       GradientsWednesday...
CSS selectors                       Columns                       Rounded Corners                       GradientsWednesday...
CSS selectors                                         Shadows                       Columns                       Rounded ...
CSS selectors                                         Shadows                       Columns                               ...
CSS selectors                                         Shadows                       Columns                               ...
CSS selectors                                         Shadows                       Columns                               ...
CSS Selectors                            .row:nth-child(even) {                              background: #dde;            ...
Specific attributes                            input[type="text"] {                              background: #eee;         ...
Negation                            :not(.box) {                              color: #00c;                            }   ...
Columns         -webkit-column-count: 2;         -webkit-column-rule: 1px solid #bbb;         -webkit-column-gap: 2em;    ...
Rounded Corners                            box: border-radius: 22px;Wednesday, February 1, 12
Gradients       background: -webkit-gradient(linear,           left top, left bottom,           from(#00abeb), to(white), ...
demo                             http://www.css3maker.com/css-gradient.htmlWednesday, February 1, 12
Shadows                            text-shadow:                              rgb(5, 5, 5, #000000)                        ...
demo                             http://www.css3maker.com/text-shadow.htmlWednesday, February 1, 12
Transitions & Transforms                                     http://www.css3maker.com/css3-transform.htmlWednesday, Februa...
Text                             http://mrdoob.com/projects/chromeexperiments/google_gravity/                            h...
Offline & StorageWednesday, February 1, 12
Offline Web Applications                              application caching                                offline storageWedn...
application caching                            HTML5 online/offline detection                                caching resour...
navigator.onLine()                            addEventListener("online", function () {...}                            addE...
appCache file                            CACHE MANIFEST                            # manifest version 1.0.1                ...
<!DOCTYPE html>                   <html manifest="offline.appcache">                   <head>                   <title>HTM...
Offline Storage                            Web StorageWednesday, February 1, 12
Offline Storage                                Web Storage                            Web Database StorageWednesday, Februa...
localStorage & sessionStorage       window.localStorage.setItem(value, area.value);       window.localStorage.setItem(time...
IndexedDB                             Object Store                            asynchronous                             tra...
var db = todoDB.indexedDB.db;              var trans = db.transaction([todo], IDBTransaction.READ_WRITE);              var...
LearnWednesday, February 1, 12
http://diveintohtml5.info/Wednesday, February 1, 12
http://html5doctor.com/Wednesday, February 1, 12
http://www.html5rocks.com/en/Wednesday, February 1, 12
http://caniuse.com/Wednesday, February 1, 12
http://html5demos.com/Wednesday, February 1, 12
http://www.initializr.com/Wednesday, February 1, 12
http://www.processing.jsWednesday, February 1, 12
Upcoming SlideShare
Loading in …5
×

HTML5, makkelijker kunnen we het niet maken!

1,020 views

Published on

Introduction into HTML5

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

HTML5, makkelijker kunnen we het niet maken!

  1. 1. HTML makkelijker kunnen we het niet maken!Wednesday, February 1, 12
  2. 2. HenkWednesday, February 1, 12
  3. 3. HenkWednesday, February 1, 12
  4. 4. HenkWednesday, February 1, 12
  5. 5. http://www.apple.com/hotnews/thoughts-on-flash/Wednesday, February 1, 12
  6. 6. http://forums.silverlight.net/p/230502/562077.aspxWednesday, February 1, 12
  7. 7. HTML5 ~= + +Wednesday, February 1, 12
  8. 8. HTML5 ~= HTML + +Wednesday, February 1, 12
  9. 9. HTML5 ~= HTML + CSS +Wednesday, February 1, 12
  10. 10. HTML5 ~= HTML + CSS + JSWednesday, February 1, 12
  11. 11. HTML5 features SemanticsWednesday, February 1, 12
  12. 12. HTML5 features Semantics CSS3Wednesday, February 1, 12
  13. 13. HTML5 features Semantics CSS3 MultimediaWednesday, February 1, 12
  14. 14. HTML5 features Semantics Graphics & 3D CSS3 MultimediaWednesday, February 1, 12
  15. 15. HTML5 features Semantics Graphics & 3D CSS3 Device Access MultimediaWednesday, February 1, 12
  16. 16. HTML5 features Semantics Graphics & 3D CSS3 Device Access Multimedia Offline & StorageWednesday, February 1, 12
  17. 17. HTMLWednesday, February 1, 12
  18. 18. HTML (1.0) 1991 HTML Tags specificationWednesday, February 1, 12
  19. 19. HTML (1.0) 1991 HTML Tags specification 1993 HTML specificationWednesday, February 1, 12
  20. 20. HTML 2.0, 3.0 1995 HTML 2.0Wednesday, February 1, 12
  21. 21. HTML 2.0, 3.0 1995 HTML 2.0 1995 HTML 3.0, proposalWednesday, February 1, 12
  22. 22. HTML 3.2, 4.0 1997 HTML 3.2 ( W3C )Wednesday, February 1, 12
  23. 23. HTML 3.2, 4.0 1997 HTML 3.2 ( W3C ) 1997 HTML 4.0Wednesday, February 1, 12
  24. 24. HTML 4.01, XHTML, WEB 2.0 1999 HTML 4.01Wednesday, February 1, 12
  25. 25. HTML 4.01, XHTML, WEB 2.0 1999 HTML 4.01 2000 XHTML 1.0Wednesday, February 1, 12
  26. 26. HTML 4.01, XHTML, WEB 2.0 1999 HTML 4.01 2000 XHTML 1.0 2001 XHTML 1.1Wednesday, February 1, 12
  27. 27. HTML 4.01, XHTML, WEB 2.0 1999 HTML 4.01 2000 XHTML 1.0 2001 XHTML 1.1 2004 WEB 2.0Wednesday, February 1, 12
  28. 28. WHATWG MozillaWednesday, February 1, 12
  29. 29. Wednesday, February 1, 12
  30. 30. HTML5 2008 HTML5 working draft W3CWednesday, February 1, 12
  31. 31. HTML5 2008 HTML5 working draft W3C 2009 XHTML 2.0 droppedWednesday, February 1, 12
  32. 32. HTML5 2012 Candidate RecommendationWednesday, February 1, 12
  33. 33. HTML5 2012 Candidate Recommendation 2022 Proposed RecommendationWednesday, February 1, 12
  34. 34. HTMLWednesday, February 1, 12
  35. 35. SemanticsWednesday, February 1, 12
  36. 36. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML >Wednesday, February 1, 12
  37. 37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset=utf-8>Wednesday, February 1, 12
  38. 38. <script src=”foo.js” > </script> <link href=”foo.css”></link>Wednesday, February 1, 12
  39. 39. <div id=”header”> <div id=”nav”> <div id=”article”> <div id=”sidebar”> <div id=”footer”>Wednesday, February 1, 12
  40. 40. <header> <nav> <section> <sidebar> <article> <footer>Wednesday, February 1, 12
  41. 41. MicrodataWednesday, February 1, 12
  42. 42. <section itemscope> <article id="pizza-new-york" itemtype="http://data-vocabulary.org/Product"> <header> <h1 itemprop="name”>New York Pizza Suprema</h1> </header> <p itemprop="description">The best pizzaria of New York... > </article> </section>Wednesday, February 1, 12
  43. 43. MultimediaWednesday, February 1, 12
  44. 44. <video src=”movie.ogg” /> <video src=”movie.ogg” controls/>Wednesday, February 1, 12
  45. 45. <video controls> <source src=”movie.mp4” /> <source src=”movie.ogg” /> </video>Wednesday, February 1, 12
  46. 46. safari chrome IE9 firefox MP4 x x x H.264 x x WebM x x Ogg x xWednesday, February 1, 12
  47. 47. Demo http://html5demos.com/videoWednesday, February 1, 12
  48. 48. Web FormsWednesday, February 1, 12
  49. 49. No javascriptWednesday, February 1, 12
  50. 50. No javascript Client side validationWednesday, February 1, 12
  51. 51. No javascript Client side validation different input types like email, url, nummerWednesday, February 1, 12
  52. 52. No javascript Client side validation different input types like email, url, nummer color picker, date pickerWednesday, February 1, 12
  53. 53. No javascript Client side validation different input types like email, url, nummer color picker, date pickerWednesday, February 1, 12
  54. 54. Email Address: <input type="email" name="email" requiredWednesday, February 1, 12
  55. 55. Email Address: <input type="email" name="email" required placeholder="Enter a valid email address">Wednesday, February 1, 12
  56. 56. Email Address: <input type="email" name="email" required placeholder="Enter a valid email address">Wednesday, February 1, 12
  57. 57. Age: <input type="number" size="6" name="age" min="18" max="99" value="21"><br>Wednesday, February 1, 12
  58. 58. Age: <input type="number" size="6" name="age" min="18" max="99" value="21"><br> Satisfaction: <input type="range" size="2" name="satisfaction" min="1" max="5" value="3">Wednesday, February 1, 12
  59. 59. Age: <input type="number" size="6" name="age" min="18" max="99" value="21"><br> Satisfaction: <input type="range" size="2" name="satisfaction" min="1" max="5" value="3">Wednesday, February 1, 12
  60. 60. Device AccessWednesday, February 1, 12
  61. 61. GeolocationWednesday, February 1, 12
  62. 62. Geolocation Drag & DropWednesday, February 1, 12
  63. 63. Geolocation Drag & Drop Speech inputWednesday, February 1, 12
  64. 64. Geolocation Drag & Drop Speech input Device orientationWednesday, February 1, 12
  65. 65. GeolocationWednesday, February 1, 12
  66. 66. Wednesday, February 1, 12
  67. 67. if (navigator.geolocation) {   navigator.geolocation.getCurrentPosition(function (position) {     var latLng = new google.maps.LatLng(         position.coords.latitude, position.coords.longitude);     var marker = new google.maps.Marker({position: latLng, map: map});     map.setCenter(latLng);   }, errorHandler); }Wednesday, February 1, 12
  68. 68. demo http://html5demos.com/geoWednesday, February 1, 12
  69. 69. Drag & Drop Events: dragover, dragenter, dropWednesday, February 1, 12
  70. 70. Drag & Drop Events: dragover, dragenter, drop event.transferData contains text and/ or imageWednesday, February 1, 12
  71. 71. Drag & Drop Events: dragover, dragenter, drop event.transferData contains text and/ or image links & images draggable by defaultWednesday, February 1, 12
  72. 72. Drag & Drop Events: dragover, dragenter, drop event.transferData contains text and/ or image links & images draggable by default other elements : draggable=”true”Wednesday, February 1, 12
  73. 73. demo http://html5demos.com/dragWednesday, February 1, 12
  74. 74. Device orientation window.addEventListener(deviceorientation , function(event) {   var a = event.alpha;   var b = event.beta;   var g = event.gamma; }, false); http://slides.html5rocks.com/#slide-orientationWednesday, February 1, 12
  75. 75. File API var reader = new FileReader(); reader.readAsDataURL(e.dataTransfer.files[0]);Wednesday, February 1, 12
  76. 76. demoWednesday, February 1, 12
  77. 77. Speech input <input type="text" x-webkit-speech /> http://slides.html5rocks.com/#speech-inputWednesday, February 1, 12
  78. 78. Wednesday, February 1, 12
  79. 79. Graphics & 3DWednesday, February 1, 12
  80. 80. Canvas 2D drawing platform Bitmap systemWednesday, February 1, 12
  81. 81. When to use?Wednesday, February 1, 12
  82. 82. data visualisationWednesday, February 1, 12
  83. 83. animated graphicsWednesday, February 1, 12
  84. 84. gamesWednesday, February 1, 12
  85. 85. <canvas height=”600” width=”800”></canvas>Wednesday, February 1, 12
  86. 86. (0,0) x yWednesday, February 1, 12
  87. 87. canvas 2d rendering contextWednesday, February 1, 12
  88. 88. var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d");Wednesday, February 1, 12
  89. 89. ctx.fillStyle = ‘rgb(65, 60, 50)’; ctx.fillRect(25, 50, 100, 100); ctx.strokeStyle = ‘rgb(65, 60, 50)’; ctx.strokeRect(130, 500, 40, 70);Wednesday, February 1, 12
  90. 90. Wednesday, February 1, 12
  91. 91. lineTo(x,y) rect(x,y,w,h) arc(x,y, radius, startAngle, endAngle, anticlockwise)Wednesday, February 1, 12
  92. 92. demo http://hakim.se/experiments/html5/origami/Wednesday, February 1, 12
  93. 93. WebGL gl = canvas.getContext("moz-webgl"); // Firefox     gl = canvas.getContext("webkit-3d"); // Safari or ChromeWednesday, February 1, 12
  94. 94. demo http://www.zygotebody.com/#nav=1.61,126.68,176.3Wednesday, February 1, 12
  95. 95. CSS3Wednesday, February 1, 12
  96. 96. CSS selectorsWednesday, February 1, 12
  97. 97. CSS selectors ColumnsWednesday, February 1, 12
  98. 98. CSS selectors Columns Rounded CornersWednesday, February 1, 12
  99. 99. CSS selectors Columns Rounded Corners GradientsWednesday, February 1, 12
  100. 100. CSS selectors Columns Rounded Corners GradientsWednesday, February 1, 12
  101. 101. CSS selectors Shadows Columns Rounded Corners GradientsWednesday, February 1, 12
  102. 102. CSS selectors Shadows Columns Transitions Rounded Corners GradientsWednesday, February 1, 12
  103. 103. CSS selectors Shadows Columns Transitions Rounded Corners Transforms GradientsWednesday, February 1, 12
  104. 104. CSS selectors Shadows Columns Transitions Rounded Corners Transforms GradientsWednesday, February 1, 12
  105. 105. CSS Selectors .row:nth-child(even) {   background: #dde; } .row:nth-child(odd) {   background: white; }Wednesday, February 1, 12
  106. 106. Specific attributes input[type="text"] {   background: #eee; }Wednesday, February 1, 12
  107. 107. Negation :not(.box) {   color: #00c; }             :not(span) {   display: block; }  Wednesday, February 1, 12
  108. 108. Columns -webkit-column-count: 2; -webkit-column-rule: 1px solid #bbb; -webkit-column-gap: 2em; http://slides.html5rocks.com/#css-columnsWednesday, February 1, 12
  109. 109. Rounded Corners box: border-radius: 22px;Wednesday, February 1, 12
  110. 110. Gradients background: -webkit-gradient(linear, left top, left bottom,   from(#00abeb), to(white), color-stop(0.5, white), color-stop(0.5, #66cc00))Wednesday, February 1, 12
  111. 111. demo http://www.css3maker.com/css-gradient.htmlWednesday, February 1, 12
  112. 112. Shadows text-shadow:   rgb(5, 5, 5, #000000) box-shadow: rgb(5, 5, 5, #000000)Wednesday, February 1, 12
  113. 113. demo http://www.css3maker.com/text-shadow.htmlWednesday, February 1, 12
  114. 114. Transitions & Transforms http://www.css3maker.com/css3-transform.htmlWednesday, February 1, 12
  115. 115. Text http://mrdoob.com/projects/chromeexperiments/google_gravity/ http://mrdoob.com/projects/chromeexperiments/google_sphere/Wednesday, February 1, 12
  116. 116. Offline & StorageWednesday, February 1, 12
  117. 117. Offline Web Applications application caching offline storageWednesday, February 1, 12
  118. 118. application caching HTML5 online/offline detection caching resources manifestWednesday, February 1, 12
  119. 119. navigator.onLine() addEventListener("online", function () {...} addEventListener("offline", function () {...} http://html5demos.com/offlineWednesday, February 1, 12
  120. 120. appCache file CACHE MANIFEST # manifest version 1.0.1 # Files to cache /html5/src/logic.js /html5/src/style.css /html5/src/background.png # Use from network if available NETWORK: / # Fallback content FALLBACK: / fallback.htmlWednesday, February 1, 12
  121. 121. <!DOCTYPE html> <html manifest="offline.appcache"> <head> <title>HTML5 Application Cache Rocks!</title>Wednesday, February 1, 12
  122. 122. Offline Storage Web StorageWednesday, February 1, 12
  123. 123. Offline Storage Web Storage Web Database StorageWednesday, February 1, 12
  124. 124. localStorage & sessionStorage window.localStorage.setItem(value, area.value); window.localStorage.setItem(timestamp, (new Date()).getTime()); textarea.value = window.localStorage.getItem(value);Wednesday, February 1, 12
  125. 125. IndexedDB Object Store asynchronous transactionsWednesday, February 1, 12
  126. 126. var db = todoDB.indexedDB.db; var trans = db.transaction([todo], IDBTransaction.READ_WRITE); var store = trans.objectStore(todo); var data = { "text": todoText, // todoText should be visible here "timeStamp": new Date().getTime() }; var request = store.put(data); request.onsuccess = function(e) { todoDB.indexedDB.getAllTodoItems(); }; request.onerror = function(e) { console.log("Error Adding: ", e); }; http://www.html5rocks.com/en/tutorials/ webdatabase/websql-indexeddb/Wednesday, February 1, 12
  127. 127. LearnWednesday, February 1, 12
  128. 128. http://diveintohtml5.info/Wednesday, February 1, 12
  129. 129. http://html5doctor.com/Wednesday, February 1, 12
  130. 130. http://www.html5rocks.com/en/Wednesday, February 1, 12
  131. 131. http://caniuse.com/Wednesday, February 1, 12
  132. 132. http://html5demos.com/Wednesday, February 1, 12
  133. 133. http://www.initializr.com/Wednesday, February 1, 12
  134. 134. http://www.processing.jsWednesday, February 1, 12

×