{"id":158,"date":"2012-01-16T12:14:31","date_gmt":"2012-01-16T12:14:31","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=158"},"modified":"2012-01-16T12:14:31","modified_gmt":"2012-01-16T12:14:31","slug":"30-tutoriales-de-html5","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2012\/01\/30-tutoriales-de-html5\/","title":{"rendered":"30 Tutoriales de HTML5"},"content":{"rendered":"<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/01\/html5_logo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1314\" title=\"html5_logo\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/01\/html5_logo.png\" alt=\"Logo HTML5\" width=\"580\" height=\"350\" \/><\/a><strong>HTML5<\/strong> deber\u00eda ser considerado uno de los lenguajes de \u00abprogramaci\u00f3n\u00bb\u00a0 <strong>m\u00e1s<\/strong> importantes del 2012, por <strong>dos<\/strong> razones muy importantes. La primera es que finalmente <strong>todos<\/strong> los navegadores actuales ya lo soportan (por fin!!) y segunda es que a pesar de que Java, Phyton, Ruby on Rails o PHP sigan siendo los lenguajes de programaci\u00f3n web por excelencia, todos ellos \u00abvan\u00bb sobre HTML, es decir, escriben c\u00f3digo HTML que es interpretado por el navegador, por lo que en \u00faltima instancia contra mas pilotemos HTML mejor.<\/p>\n<p>Sin embargo, hay que tener claro desde un principio que el poder real de <strong>HTML5<\/strong>, el cual es realmente un lenguaje de marcas y tags sem\u00e1ntico, radica en <strong>CSS3<\/strong>, <strong>Javascript<\/strong> y muchas de sus tecnolog\u00edas como WebGL, WebSockets, etc., que lo \u00abenvuelven\u00bb.<\/p>\n<p>Muchas de estas tecnolog\u00edas incluidas con <strong>HTML5<\/strong> ampl\u00edan enormemente las posibilidades del dise\u00f1o web para crear sitios web m\u00e1s enriquecedores. A continuaci\u00f3n os presentamos algunas de estas sorprendentes novedades que estan basadas en las nuevas funciones desplegadas en <strong>HTML5<\/strong>. Una manera muy amena de ir conociendo el amanecer del desarrollo con <strong>HTML5<\/strong>.<\/p>\n<p><a href=\"http:\/\/tutorialzine.com\/2011\/06\/beautiful-portfolio-html5-jquery\/\" target=\"_blank\" rel=\"noopener\">Making a Beautiful HTML5 Portfolio<\/a><\/p>\n<p><a href=\"http:\/\/tutorialzine.com\/2011\/06\/beautiful-portfolio-html5-jquery\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"Making a Beautiful HTML5 Portfolio\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2011\/08\/Making-a-Beautiful-HTML5-Portfolio.jpg?9d7bd4\" alt=\"30 Brand New HTML5 Tutorials   Summer 2011 Edition\" width=\"620\" height=\"433\" \/><\/a><\/p>\n<p><a href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/build-a-neat-html5-powered-contact-form\/\" target=\"_blank\" rel=\"noopener\">Build a Neat HTML5 Powered Contact Form<\/a><\/p>\n<p><a href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/build-a-neat-html5-powered-contact-form\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"display: inline;\" title=\"Build a Neat HTML5 Powered Contact Form\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2011\/08\/Build-a-Neat-HTML5-Powered-Contact-Form.jpg?9d7bd4\" alt=\"30 Brand New HTML5 Tutorials   Summer 2011 Edition\" width=\"620\" \/><\/a><\/p>\n<h3><\/h3>\n<p><a href=\"http:\/\/www.vanseodesign.com\/web-design\/html5-semantic-elements\/\" target=\"_blank\" rel=\"noopener\">Learning To Use HTML5 Semantic Elements<\/a><\/p>\n<p><a href=\"http:\/\/www.vanseodesign.com\/web-design\/html5-semantic-elements\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" title=\"Learning To Use HTML5 Semantic Elements\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2011\/08\/Learning-To-Use-HTML5-Semantic-Elements.jpg?9d7bd4\" alt=\"30 Brand New HTML5 Tutorials   Summer 2011 Edition\" width=\"620\" \/><\/a><\/p>\n<h3><\/h3>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2011\/07\/05\/fullscreen-slideshow-with-html5-audio\/\" target=\"_blank\" rel=\"noopener\">Fullscreen Slideshow with HTML5 Audio and jQuery<\/a><\/p>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2011\/07\/05\/fullscreen-slideshow-with-html5-audio\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" title=\"Fullscreen Slideshow with HTML5 Audio and jQuery\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2011\/08\/Fullscreen-Slideshow-with-HTML5-Audio-and-jQuery.jpg?9d7bd4\" alt=\"30 Brand New HTML5 Tutorials   Summer 2011 Edition\" width=\"620\" \/><\/a><\/p>\n<p><a href=\"http:\/\/thinkvitamin.com\/code\/html5\/html5-mobile-geolocation-master-class\/\" target=\"_blank\" rel=\"noopener\">HTML5 Mobile Geolocation Master Class<\/a><\/p>\n<p><a href=\"http:\/\/thinkvitamin.com\/code\/html5\/html5-mobile-geolocation-master-class\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" title=\"HTML5 Mobile Geolocation Master Class\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2011\/08\/HTML5-Mobile-Geolocation-Master-Class.jpg?9d7bd4\" alt=\"30 Brand New HTML5 Tutorials   Summer 2011 Edition\" width=\"620\" height=\"321\" \/><\/a><\/p>\n<p id=\"credit\">\u00a0Ten\u00e9is el listado completo de los 30 tutoriales en el blog de <a href=\"http:\/\/blog.templatemonster.com\/2011\/08\/09\/html5-tutorials-summer-2011\/\" target=\"_blank\" rel=\"noopener\">Templatemonster<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 deber\u00eda ser considerado uno de los lenguajes de \u00abprogramaci\u00f3n\u00bb\u00a0 m\u00e1s importantes del 2012, por dos razones muy importantes. La primera es que finalmente todos los navegadores actuales ya lo soportan (por fin!!) y segunda es que a pesar de que Java, Phyton, Ruby on Rails o PHP sigan siendo los lenguajes de programaci\u00f3n web [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32,34],"tags":[130],"class_list":["post-158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-de-sitios-web","category-programacion-de-sitios-web","tag-html5"],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"_links":{"self":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":0,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}