tag:blogger.com,1999:blog-49642449576066506272024-03-05T03:34:34.576-08:00No sólo HTML5Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-4964244957606650627.post-29566196259666466562013-02-19T08:39:00.000-08:002013-02-19T09:10:36.162-08:00Herramientas online para HTML5 y CSS3<div style="text-align: left;">
* Para conocer el estado de las estas tecnologías (HTML5 y CSS3):</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://www.caniuse.com/" target="_blank"><b><span style="font-size: large;">www.caniuse.com</span></b></a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.caniuse.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDE9wNEv7mBCjsusNLutv6ejG-c-XzmaUTjYYTfN3fxTN94TjNf30UVysanA7TADHO6ZKoHxwv8tk35cfyfZzrZT4BBk8CAcr2mNLjXaUO-9zGUB0JTlHOZRTdcpNa15jFf_rEySIKW373/s1600/Can+I+use...+Support+tables+for+HTML5,+CSS3,+etc.png" height="320" width="260" /></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Su sección 'Tables' nos ofrece una magnífica guía para saber qué navegadores soportan las últimas tecnologías web. </i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://www.html5please.com/" target="_blank">www.html5please.com</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.html5please.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz7G_qszVM_AxVgUnf1Rjh9vOYXTgZH1_VuLryydPM0oRfLE1lx3IWTBVodihj6L2tKMlswJO0Q-sLcKUUFyyp0oLXP-r6Zs7o7JZF49PQtkLnJX0l1fsSt83eWFSQFBY1_i67lJB8fmjp/s1600/HTML5+Please+-+Use+the+new+and+shiny+responsibly.png" height="208" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i>HTML5Please se ha convertido en una herramienta esencial a la hora de adoptar HTML5 en nuestras páginas. Soportada por varios desarrolladores, nos indica qué características HTML5 están ya maduras y cuáles en desarrollo, y en tal caso, qué polyfills podríamos utilizar. </i></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://www.css3please.com/" target="_blank">www.css3please.com</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.css3please.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4HzgBeOG8PxCIB31kdSHY_otyWbjE3gCuDfh0O8jeXPyempldrzXRFc2SwNtntzm5Yx83Isx-D4adx4hmn6p-Yy0Xro3i0mKf8IB9BEd4OzjpNOiBlDebonuf2lqC-WpTSqGkxF_0uImF/s1600/CSS3+Please!+The+Cross-Browser+CSS3+Rule+Generator.png" height="210" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i>Su hermano es HTML5Please pero esta página funciona de una forma diferente ya que permite generar CSS3 al instante permitiendo saber si una característica CSS3 está soportada ya en tu navegador.</i></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
* Para testear el nivel de compatibilidad que soporta tu navegador:</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://tests.caniuse.com/" target="_blank">tests.caniuse.com</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tests.caniuse.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcF1kNeoYH__xJPLXD-7lDYsmMxU0ypE-3zVPl-B66vqGZEMvwv2abqXX2mJtfQOfDzV55s31rQ4CDYjMW3Y8PIyzsD6FiuRG4zq4C5vjzE85ZYVGcjYYZIl12i6RQT072Vw_rMpiXEPh/s1600/Caniuse+test+page.png" height="240" width="320" /></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Con la utilidad <a href="http://www.modernizr.com/" target="_blank">Modernizr</a>, esta página genera código para chequear varias instrucciones CSS3 y HTML5, imprimiendo su resultado.</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://html5test.com/" target="_blank">html5test.com</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://html5test.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHz6icF_gpUQps0cxbDhRvqmdAJtEW9DIRpMa9C7uYSRzlPPu_hmNHbJ58TC7MhlxTGSmwWpjRVvQcUpZH_2q1rRsqL-DBlihBS17nJEhS0PpqCT6OdQHk5B2EmjGHEJHodkZd-hUX3HXN/s1600/The+HTML5+test+-+How+well+does+your+browser+support+HTML5%253F.png" height="215" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i>Genera un test dando un resultado numérico. En este ejemplo el navegador cumple con 393 puntos de 500.</i></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://css3test.com/" target="_blank">www.css3test.com</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://css3test.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNyviwqFvqPaEGRFQMXmForrHNF6k4g4n8Q-2MH3iyrBGDDRBSVdAVS8Xx9bEql77OiZsvtwX00-CsU0GaQkq1ceLhQVUekwi-DVoeNdIvdkNPux6QnJR-3IDocHienSs_-JlrgWhxuVc/s1600/The+CSS3+Test.png" height="221" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i>Igual que el anterior para CSS3.</i></div>
Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com1tag:blogger.com,1999:blog-4964244957606650627.post-28392336994363552402011-07-30T11:33:00.000-07:002013-02-19T08:47:56.064-08:00html2canvas - Genera una imagen a partir de una webPues lo dicho en el título: <a href="http://html2canvas.hertzen.com/screenshots.html" target="_blank">html2canvas</a> permite crear una imagen volcada en un canvas a partir de una página web.<br />
<br />
La funcionalidad es parecida al plugin <a href="https://addons.mozilla.org/en-US/firefox/addon/fireshot/" target="_blank"><b>Fireshot</b></a> de IE o Firefox.<br />
<br />
De momento es dependiente de las librerías jQuery pero según el autor, intentará que no sea así en el futuro.Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-2622631100864533872011-07-12T14:36:00.000-07:002011-07-12T14:45:06.728-07:00Lo último de HTML5<a href="http://html5-demos.appspot.com/%20">http://html5-demos.appspot.com/ </a><br />
<br />
Interesante enlace donde podemos ver entre otras cosas una presentanción sobre lo último de HTML5 (a estas fechas): <a href="http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#1">http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#1</a><br />
<br />
Interesante también: <a href="http://www.htmlfivewow.com/">http://www.htmlfivewow.com/</a> de dos desarrolladores de referencia en este mundo:<b> </b><br />
<b>Eric Bidelman</b> (<a href="http://twitter.com/#%21/ebidel">http://twitter.com/#!/ebidel</a>) y<br />
<b>Arne Roomann-Kurrik</b> (<a href="http://www.svhtml5.com/members/12747653/?op=&memberId=12747653">http://www.svhtml5.com/members/12747653/?op=&memberId=12747653</a>)Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-68574895071113129892011-07-07T10:49:00.000-07:002011-07-07T10:49:22.860-07:00¿Qué es un Polyfill?Un <b>Polyfill</b> puede ser un trozo de código o un plugin que permite tener las nuevas funcionalidades de HTML5 en aquellos navegadores que nativamente no lo soportan.<br />
<br />
Por ejemplo, <i>sessionStorage</i> permite guardar información locamente. Es una nueva funcionalidad que desde la versión 8 de Internet Explorer (por ejemplo) sí se soporta. Pero, ¿qué ocurre si queremos tenerla en Internet Explorer 7? Pues la solución pasa por utilizar un Polyfill.<br />
<br />
En GitHub existe una lista de Polyfills que abarca desde SVG para Android, Canvas para IE (utilizando Silverlight como puente), hasta el soporte de <video>, <audio>, etc, etc..<br />
<br />
En enlace es el siguiente:<br />
<a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills">https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com2tag:blogger.com,1999:blog-4964244957606650627.post-80635931689184375682011-07-02T02:36:00.000-07:002011-07-02T02:36:04.615-07:00Saber si tu documento HTML5 sigue una buena estructura (outline)O dicho de otro modo, si tu documento está correctamente organizado según las directrices de HTML5.<br />
<br />
Sabemos que HTML5 se esctructura por secciones siguiendo un orden y jerarquía concretos. Para esta tarea contamos con algunas utilidades dispersadas en la red:<br />
<br />
<em>HTML5 Outliner: <a href="http://gsnedders.html5.org/outliner/">gsnedders.<b>html5</b>.org/<b>outliner</b>/<span class="gl"></span></a></em><br />
<br />
<em>HTML5 Outliner (h5o, fbasado en javascript unciona también en Firefox): <a href="http://code.google.com/p/h5o/">code.google.com/p/h5o/</a></em><br />
<br />
<em>Otro HTML5 Outliner (plugin para Chrome): <a href="https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo">https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo</a></em><br />
<br />
<em>Otro para Opera (adaptación del anterior): <a href="https://addons.opera.com/addons/extensions/details/html5-outliner/1.0/">https://addons.opera.com/addons/extensions/details/html5-outliner/1.0/</a></em>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-57479501732225470132011-06-29T07:59:00.000-07:002011-06-29T07:59:27.379-07:00Node.js: algo grande ha nacido<strong>Qué es</strong> <strong>Node.js</strong>? <em>Node.js</em> es simplemente (o no tan simple) un entorno de ejecución y una librería de javascript. Permite ejecutar aplicaciones javascript fuera del navegador. Ello implica por ejemplo que podamos tener y crear <strong>nuestro propio servidor HTTP </strong>como lo es Apache.<br />
<br />
<strong><em>Node.js</em></strong> fue creado en 2009 pero ha crecido espectacularmente, teniendo a día de este artículo (29.jun.2011), 46.700.000 millones de resultados en Google.<br />
<br />
Desde que javascript es javascript, siempre se ha tenido que ejecutar mediante un navegador (IE, Firefox, Opera, Chrome o Safari). Ya era hora que diera el salto al lado del servidor como tantos otros lenguajes (Python, Perl...).<br />
<br />
Node.js está basado en <strong>V8 Javascript</strong>, el motor Open Source de Javascript de Google, y está estructurado en numerosas funciones y módulos.<br />
<br />
La diferencia más sustancial, no sé si ventajosa o desventajosa, es que toda la ejecución se realiza mediante un solo y <strong>único hilo</strong> (thread), es decir, su ejecución es concurrente, a diferencia, por ejemplo, del servidor web Apache que es multithread. Los detractores del multihilo nos dicen que esta forma de intepretar las peticiones (cada una con su hilo) no funciona bien con conexiones múltiples y duraderas ya que perjudica el rendimiento. Teniendo un único hilo y revisándolo continuamente mediante un <strong>'event loop</strong>' podemos tener millones de conexiones concurrentes (me parece exagerado, pero es lo que he leído).<br />
<br />
Ya que un servidor web recibe y sirve peticiones HTTP, vamos a ver un ejemplo de como crearlo con Node.js:<br />
<br />
<span style="font-family: "Courier New", Courier, monospace;">(archivo <strong>server.js</strong>)</span><br />
<span style="font-family: "Courier New", Courier, monospace;">http.createServer(function(request, response) { <br />
response.writeHead(200, {"Content-Type": "text/html"}); <br />
response.write("Hola Mundo"); <br />
response.end();<br />
}).listen(8888);</span><br />
Para ejecutarlo, tan solo: <strong><span style="font-family: "Courier New", Courier, monospace;">node server.js</span></strong><br />
<br />
Con esto tenemos un sencillo y básico servidor web que escuchará las peticiones en el puerto 8888. <br />
Para probarlo solamente debemos abrir nuestro navegador y darle la URL <a href="http://localhost:8888/">http://localhost:8888</a><br />
<br />
Por el momento <em>Node.js</em> está disponible para servidores Linux, pero recientemente se ha comunicado que Microsoft va a portarlo a sus versiones Windows Azure (en la nube) y otros servidores Windows como el 2003 (para más referencia mirar en los enlaces: 'Portando a Windows').<br />
<br />
<br />
<u><strong>Enlaces</strong></u>:<br />
<br />
Página oficial de <em>Node.js</em> - <a href="http://nodejs.org/">http://nodejs.org/</a><br />
<br />
V8 Javascript - <a href="http://code.google.com/p/v8/">http://code.google.com/p/v8/</a><br />
<br />
Portando a Windows - <a href="http://blog.nodejs.org/2011/06/23/porting-node-to-windows-with-microsoft%E2%80%99s-help/">http://blog.nodejs.org/2011/06/23/porting-node-to-windows-with-microsoft%E2%80%99s-help/</a><br />
<br />
Buena introducción a Node.js para iniciados - <a href="http://www.nodebeginner.org/index-es.html">http://www.nodebeginner.org/index-es.html</a><br />
<br />
Artículo - <a href="http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/">http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-48001730683802610622011-06-27T09:35:00.000-07:002011-06-27T09:35:36.714-07:00Geolocation: contando los metros que andasSi tienes un Smartphone con GPS y te gusta hacer footing o pasear, seguramente te interesará este artículo.<br />
<br />
Gracias a la geolocalización se puede saber en qué punto del planeta te encuentras, si este punto cambia de posición es que te estás moviendo. Sacando la diferencia podemos saber la cantidad de metros o de kilómetros que te has movido.<br />
<br />
El artículo en cuestión se encuentra aquí: <a href="http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/">http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/</a> y explica como obtener el resultado comentado con una cuantas líneas de código javascript y con esta nueva funcionalidad de geolocalización de HTML5 (<a href="http://dev.w3.org/geo/api/">Geolocation API</a>) <br />
<br />
Por supuesto que antes de ejecutar el script de geolocalización, se pide permiso al usuario para obtener sus datos.Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-78503483487927320282011-06-27T09:15:00.000-07:002011-06-27T09:15:33.302-07:00Three.js: Gráficos en 3D para JavascriptInteresante y potente 'engine' que nos permite crear objetos y animaciones 3D en Javascript utilizando si queremos también WebGL.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnf5aZ0kwu1wmCnAZ4ByA5wY1ny1FtYPijh5-2jjvPNWvggXKLAiLhktSUaJwiAxuTqcX0cjN128BCMdYwy5unAFvebiH3y7roPhedjO94u04c4xtSMvmxlyYl272g_anpVDBLR9VZ_H8/s320/Three.jpg" width="320" /></div><div class="separator" style="clear: both; text-align: center;"><span id="goog_1858042429">(<span style="font-size: x-small;"><a href="http://mrdoob.github.com/three.js/examples/webgl_materials_texture_filters.html">http://mrdoob.github.com/three.js/examples/webgl_materials_texture_filters.html</a></span>)</span><span id="goog_1858042430"></span></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTz_T4q36q0VCIpbNn_If_L3FE5DmoSCdp3Fm6itgPvXnCPXwLa7I6M_MG2OmqCp8fMfzqnj4n2tUy2fgFW5X1KLMjLD2JTPcsyEhu0dFDhsFFIkdo_3tmqDh0wlGsY0KDRKZJInsCjay/s1600/Three2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTz_T4q36q0VCIpbNn_If_L3FE5DmoSCdp3Fm6itgPvXnCPXwLa7I6M_MG2OmqCp8fMfzqnj4n2tUy2fgFW5X1KLMjLD2JTPcsyEhu0dFDhsFFIkdo_3tmqDh0wlGsY0KDRKZJInsCjay/s320/Three2.jpg" width="320" /></a></div><div style="text-align: center;"><span style="font-size: x-small;"><a href="http://mrdoob.github.com/three.js/examples/webgl_geometry_minecraft_ao.html">(http://mrdoob.github.com/three.js/examples/webgl_geometry_minecraft_ao.html</a>) </span></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><span style="font-size: x-small;"><span style="font-size: small;"><b>Three.js</b> (página oficial del proyecto): </span></span><a href="https://github.com/mrdoob/three.js/">https://github.com/mrdoob/three.js/</a><span style="font-size: x-small;"></span></div><div style="text-align: left;"><span style="font-size: x-small;"><br />
</span></div><div style="text-align: left;"><span style="font-size: x-small;">* Nota: es posible que algún ejemplo no se vea en tu explorador. Puede ser debido a dos causas: </span></div><div style="text-align: left;"><span style="font-size: x-small;">1) Que tu equipo no soporte WebGl (hay tarjetas gráficas que no lo incluyen), </span></div><div style="text-align: left;"><span style="font-size: x-small;">2) Que estés utlizando Internet Explorer. El autor aconseja Google Chrome puesto que soporta mejor las tecnologías comentadas. Yo lo he probado también en Firefox 5 y no he tenido ningún problema.</span></div>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-38901109180948783692011-06-25T11:27:00.000-07:002011-06-25T11:27:55.548-07:00Emuladores en Javascript<strong>JSNES</strong> - Emulador de NES en Javascript: <a href="http://benfirshman.com/projects/jsnes/">http://benfirshman.com/projects/jsnes/</a><br />
<br />
<strong>JSSpecy</strong> - Emulador de Spectrum en Javascript: <a href="http://jsspeccy.zxdemo.org/">http://jsspeccy.zxdemo.org/</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-32827992987436632642011-06-25T09:14:00.000-07:002011-06-25T09:14:26.627-07:00Visualizando un PDF en un Canvas de HTML5Todavía en desarrollo, este magnífico proyecto nos permitirá ver un archivo PDF en nuestra página web sin necesidad de complementos o plugins. A mí me funciona en Firefox 5, no en IE 9.<br />
<br />
Página oficial del proyecto: <a href="https://github.com/andreasgal/pdf.js">https://github.com/andreasgal/pdf.js</a><br />
<br />
Página de su creador: <a href="http://andreasgal.com/2011/06/15/pdf-js/">http://andreasgal.com/2011/06/15/pdf-js/</a><br />
Y una página de ejemplo: <a href="http://people.mozilla.org/%7Egal/test.html">http://people.mozilla.org/~gal/test.html</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-86952983816368424932011-06-25T09:08:00.000-07:002011-06-25T09:08:49.755-07:00YouTube y HTML5Si quieres visualizar los vídeos de YouTube con el reproductor de HTML5 en vez del reproductor de Flash, puedes hacerlo activando la opción en: <a href="http://www.youtube.com/html5">http://www.youtube.com/html5</a><br />
<br />
La opción se sitúa al final de la página: '<b>Activar la versión de prueba de HTML5</b>'<br />
<br />
Está todavía en formato de pruebas y bajo la categoría 'test' de otros productos de YouTube: <a href="http://www.youtube.com/testtube">http://www.youtube.com/testtube</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-19107737623453656402011-06-25T02:32:00.000-07:002011-06-25T02:33:53.108-07:00Chuleta de Canvas HTML5¿Quieres tener de primera mano los métodos y propiedades del elemento Canvas?<br />
Está disponible en PDF y en imagen PNG de la mano de Nihilogic:<br />
<br />
<a href="http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html">http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="293" src="http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.png" width="400" /></a></div>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-67937072124908250642011-06-25T02:29:00.000-07:002011-06-25T02:29:19.068-07:00Juegos en javascript¿Quieres jugar y apreciar las últimas técnicas en videojuegos con javascript?<br />
<br />
<a href="http://www.javascriptgaming.com/">http://www.javascriptgaming.com/</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-16582270299441286572011-06-25T02:27:00.000-07:002011-06-25T02:27:43.958-07:00Wolfenstein 3D y CanvasDe la mano de Nihilogic tenemos este increíble experimento:<br />
<br />
<a href="http://www.nihilogic.dk/labs/wolf/">http://www.nihilogic.dk/labs/wolf/</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0tag:blogger.com,1999:blog-4964244957606650627.post-28555591571666360412011-06-21T13:19:00.000-07:002011-06-21T13:19:13.980-07:00Unos enlaces para empezarAquí unos enlaces sobre el mundo HTML5:<br />
<br />
<a href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a><br />
<a href="http://www.w3.org/html/planet/">http://www.w3.org/html/planet/</a><br />
<a href="http://html5demos.com/">http://html5demos.com/</a><br />
<a href="http://www.html5rocks.com/en/">http://www.html5rocks.com/en/</a><br />
<a href="http://diveintohtml5.org/">http://diveintohtml5.org/</a><br />
<a href="http://html5test.com/">http://html5test.com/</a><br />
<a href="http://html5.org/">http://html5.org/</a><br />
<a href="http://www.w3schools.com/html5/default.asp">http://www.w3schools.com/html5/default.asp</a><br />
<a href="http://html5gallery.com/">http://html5gallery.com/</a><br />
<a href="http://www.elmundo.es/blogs/elmundo/totalsiessoloapretarunboton/2011/01/28/html5-grandes-mitos-al-descubierto.html">http://www.elmundo.es/blogs/elmundo/totalsiessoloapretarunboton/2011/01/28/html5-grandes-mitos-al-descubierto.html</a>Jose Antoniohttp://www.blogger.com/profile/05002673145960351147noreply@blogger.com0