[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

[WebGL] Desarrollando un Cubo con Three.js

En una entrada anterior hablamos de lo que era Three.js , continuaremos nuestro viaje por la senda del desarrollo 3D esta vez desarrollando un cubo, lo haremos con el poder que nos presta Three.js la libreria esta aqui lista para agregar al proyecto.

Hay muchos conceptos y detalles 3D que aun vamos a ignorar en este articulo, los guardaremos para despues ya que tengamos un poco mas de practica en el desarrollo de objetos basicos con Three.js.

Bueno lo primero que haremos sera tomar nuestro contenedor y crear nuestra escena, en el articulo anterior ya hablamos de ellos, pero esperamos en un articulo futuro hablar de esto con mucho mas detalle.

container = document.getElementById( 'container' );
scene = new THREE.Scene();

Leer más

[WebGL] Introduccion a Three.js – Javascript 3D

Quiero dar una introduccion a este articulo que lei en html5rocks.com para que empezemos a crear nuestros desarrollos de Graficos en 3D Con la ayuda de la libreria Three.js.

Usaremos Three.js para crear desarrollos en 3D en nuestro navegador de la mano de Javascript. Con esto vamos a crear camaras, objetos luces , materiales y mas , y tendremos la opcion de renderizar , lo caul significa que podremos elegir entre HTML5 Canvas , WebGL o SVG.Para crear cosas asombrosas con Three.js vamos a necesitar gastar mucho tiempo en leer ejemplos y hacerles ingenieria inversa.

Leer más

Rotaciones – Usando CSS3

Quizás muchos programan en HTML, CSS y les gusta hacer paginas bonitas con efectos y toda la cosa… pues si todavía no se han esterado , desde hace rato ya estamos estrenando CSS3 y muchos todavía no le están sacando el jugo, aquí empezaremos con algo simple y básico, una rotación en CSS3.

 

para ello vamos a emplear el siguiente código :

 

 

<html>

<head>

<style>

#texto {

-webkit-transform : rotate(-20deg);

}

</style>

</head>

<body>

<div id=”texto”>Hola Mundo esto es Pharalax.com</div>

</body>

</html>

Leer más