[HTML5] Manejando el Elemento File

HTML5 nos sigue sorprendiendo, cada vez se hace mas espectacular lo que podemos hacer con simple javascript, bueno bueno no tan simple, para el caso que nos ocupa en este post haremos uso del elemento <input type=”file”> para manejar las entradas de archivos.

Leer más

[HTML5] Implementando micras de Segundo

Si estamos interesados en el desarrollo de animaciones, juegos o simplemente por pura obsecion de manejo del tiempo, HTML5 nos trae algo nuevo, sucede que por un buen tiempo a la hora de manejar intervalos de tiempo javascript solo permitia milisegundos y hasta la fecha es asi.

Veremos :

  • Midiendo Segundos
  • Midiendo Micras

Por la obsecion de mejores animaciones y mejores frames ha surgido la necesidad de implementar micras de segundo, es decir dividir un segundo en un millon de partes, para obtener medidas de tiempo mucho mas precisas.

Leer más

[HTML5] Empleando datalist en inputs de Formularios

HTML5 viene con muchas mejoras y nuevos componentes, aun esta en previo desarrollo la nueva tecnologia de HTML5 y ya esta cobrando muchos votos a su favor.

En esta ocasion daremos un paseo por el componente <datalist></datalist> que viene de la mano con los input, para este ejemplo usaremos:

  • input[type=range]
  • input[type=text]

La funcion del elemento datalist es dar al input una serie de valores predefinidos, en el caso de que esto sea relevante.

Leer más

[WebGL] Cubos Rebotando en Espacio 3D

Desarrollando con Three.js tenemos muchas posibilidades en cuanto a la modificacion de los atributos de los objetos que dibujamos en el espacio 3D, atributos como la posicion (x,y,z) de los elementos o la rotacion (x,y,z) de los mismos.

Lo que hacemos en el siguiente ejemplo es ir modificando ciclicamente la posicion “x” de los primeros dos cubos , la posicion “z” del tercer cubo y la rotacion “z” de todoslos 3 cubos, logrando una animacion un tanto fantastica que ilustra la modificacion y cambio continuo de los atributos de los objectos creados en el plano 3D.

El Ejemplo lo Pueden ver funcionando Aqui.

El ejemplo esta provado en la ultima version del navegador Google Chrome por lo que no se realmente el resultado en otros navegadores.

[HTML5] Cambiando el Fondo de Pagina Temporalmente

Tras ver el funcionamiento de el localStorage de HTML5 en el post anterior les presento un ejemplo mas donde cambiamos el fondo de la pagina y el color permanecera incluso que se regargue la pagina o se cierre la pesta~a de la pagina.

Con esto lograremos que el fondo sea mas personalizable por nuestro visitante si vemos el ejemplo nos daremos cuenta de que tambien agrego una transicion css para hacer una efecto de degradado de color.

Ver Ejemplo Aqui