Archivo del sitio

10 APIs y características de HTML5

HTML5

HTML5 lleva varios años en el mundo del desarrollo Web. Entre sus características se destacan nuevas etiquetas y atributos, pero también la introducción de un conjunto de APIs que mediante JavaScript han revolucionado el trabajo de los desarrolladores Web. En


miniPaint en HTML5 Canvas

Chrome Experiments (https://www.chromeexperiments.com/) es un espacio donde podremos encontrar mucho ejemplos creativos de HTML5, especialmente optimizados para Google Chrome.  miniPaint es una muy buena herramienta desarrollada con HTML5 Canvas. Esta App online permite crear o editar imágenes con gran facilidad


HTML5 Canvas y la performance

Siempre que explico en mis clases las ventajas de Canvas, menciono que es una de las características estrella de este nuevo estándar en desarrollo. También menciono que uno de los aspecto a contemplar es como lo implementaremos en nuestros proyectos,


10 cosas que deberías saber sobre el elemento Canvas de HTML5

Canvas es una de las características más promocionadas de HTML5 ¿Por qué? Probablemente porque muchos la han mencionado como la que matará a Flash. La realidad indica que este elemento dota de un gran potencial a HTML5 y nos permite


three.js una librería para trabajar con 3D en la Web

Trabajar con 3D en la Web aún no es una tarea sencilla. Sin embargo ya existen diversas soluciones que buscan allanar nuestro camino. En palabras sencillas, esta librería funciona como un engine que nos permitirá actuar y crear de manera


WebGL trae el 3D a la Web. Ventajas y desventajas.

El 3D en la Web estuvo representado por Flash, hasta la llegada de HTML5. Como sabemos, de la mano de CSS3 es posible crear características tridimensionales en los sitios web (lo que se conocde como 3D CSS). Las opciones que


Transparencia en HTML5 Canvas

Trabajar con transparencias en HTML5 Canvas nos ofrece mucha posibilidades. Existen diversas formas de hacerlo, en este caso veremos como hacerlo de manera sencilla con RGBA. En artículos anteriores, hemos tratado en profundidad como trabajar con el elemento Canvas de


Animación con HTML5 Canvas y Javascript

En este ejemplo vamos a aprender como animar un círculo para obtener la impresión de que está rebotando dentro de un cuadro. El resultado final de este ejemplo puede verse aquí. Documento básico en HTML5 Partiremos de un documento básico