Degradados con CSS3 I

Hablando en plan retro antes de la llegada del CSS3, para poner un degradado en cualquier parte de una página web, la mejor y única solución era crear una imagen con Photoshop a medida. Pero gracias al CSS3 eso pasó a la historia. Sí, ya se lo que dirán algunos, ¿y el GIMP? Con GIMP también, pero el Photoshop es más antiguo. Paint, Photopaint, etc, no pretendo acordarme de todos los programas de dibujo y retoque fotográfico Continúa leyendo Degradados con CSS3 I

Animaciones con @keyframes

Después de las agujetas fruto de revivir este blog la semana pasada, creo que toca hacer un post un poco más técnico. Espero ir aumentando el ritmo poco a poco. Para este reestreno he escogido hablar de los @keyframes de CSS3. Con CSS3 se pueden conseguir cosas muy espectaculares que antiguamente ni se soñaban, los más viejos del lugar pueden dar fe de ello. Da muchas posibilidades para las que antes era necesario el Javascript, en la mayoría de los casos con resultados muy lentos y de poca calidad Continúa leyendo Animaciones con @keyframes

El HTML5 que viene V

Sin ninguna duda, el tipo de aplicación con el que mejor se pueden poner al limite nuestras máquinas, sistemas operativos o entornos varios, es sin duda los juegos. Dentro de un navegador siempre resultó difícil mover todas las animaciones necesarias para crear juegos con movimiento. Para esto se usa el Java y el Flash, con Javascript y CSS se puede hacer pero es demasiado lento. Esto se acabará con HTML5. Google aprovechó un proyecto que pasó el juego Quake II a Java y de ahí lo tradujeron a Javascript con la utilización de WebGL. Sólo funciona en Chrome y Safari y se puede descargar y ejecutar o personalizar aquí. Os dejo el video de la demo Continúa leyendo El HTML5 que viene V

Función .animate() de JQuery

Una de las funciones de JQuery más espectaculares, por lo visible de sus resultados, es la función .animate(). Esta función es similar a la función .css() en la manipulación de las propiedades CSS de los elementos, menos por un detalle, esta función suaviza o anima el cambio de valores en la propiedad Continúa leyendo Función .animate() de JQuery

Columnas de igual altura con CSS

Uno de los problemas habituales que me he encontrado al crear webs es el como hacer que varias columnas tengan la misma altura. Una forma de resolver esto era utilizando tablas. La otra opción era poner la misma altura a las columnas y no sobrepasarla nunca. Estos dos métodos no son los mejores, es preferible no utilizar tablas y en el otro es fácil no controlar los tamaños de los contenidos. Este problema es claramente visible al instalar Drupal con el tema por defecto Garland Continúa leyendo Columnas de igual altura con CSS