El Arkanoid de Google

Google ha creado un juego, una nueva versión del tan exitoso en su época, Arkanoid. Aquel juego en donde una barra que movía el usuario golpeaba una pequeñita bolita e iba eliminando cubos, al terminar de eliminar los mismos el jugador ganaba.

Para jugar al juego deberán:
Ir a  http://images.google.com/ y en el campo de búsqueda ingresar:  Atari breakout y luego

Transiciones con css3

Como dije en un posteo anterior uno de los propósitos de css3 es el de cubrir aquellas funcionalidades que css2 estaba limitado a hacer y para ello muchas veces debía recurrirse a otras tecnologías como Javascript. Una de ellas, las transiciones, los movimientos animados de los elementos. Pensemos en algo básico y crudo, una imagen con un tamaño específico que al pasarse el mouse por encima cambia su ancho y su alto:

Seguir leyendo “Transiciones con css3”

Propiedad transform en css3

Muchas veces para resolver problemas relacionados con lo visual de una página web debemos usar tecnologías como Javascript, Jquery o Flash, ya que Css tiene un límite que muchas veces requiere de ayuda de otros lenguajes como los que acabo de nombrar.

Sin embargo Css3 intenta traer consigo la posibilidad de un alcance más amplio para de esa manera lograr conseguir funcionalidades visuales y no depender tanto de un lenguaje de programación de navegador.

Seguir leyendo “Propiedad transform en css3”

Bordes redondeados en css3

Los bordes redondeados hasta hace unos años eran un gran problema. A los diseñadores les encanta hacer bordes redondeados en sus diseños, y con mucha razón, ya que quedan muy bonitos, pero para los maquetadores esto antes no era tan sencillo. css2 no tienen forma de hacer bordes redondeados, y para resolver esto deben usarse soluciones como agregar imágenes que simulan ser parte del diseño con la forma redondeada en las esquinas.

Seguir leyendo “Bordes redondeados en css3”