Detectar errores al cargar imágenes con Javascript

Lo tradicional cuando hay algún error en una imagen de una página web es ver un icono genérico típico ocupando el espacio donde debería estar la imagen, cada navegador lo presenta de una forma. Esto no suele quedar bien. Con un poco de Javascript se pueden detectar los errores al cargar las imágenes y por ejemplo eliminarlas o presentar el error como se quiera Continúa leyendo Detectar errores al cargar imágenes con Javascript

En busca del fuego

Con este primer post del año inicio una pequeña serie dedicada a efectos visuales clásicos. La mayoría de estos efectos se basan en las matemáticas de fractales. Para explicar lo que son los fractales hay gran cantidad de webs sobre matemáticas que lo explican mucho mejor que yo. Me centraré en la base para crearlos mediante código, en este caso como crear fuego en el canvas de HTML5 Continúa leyendo En busca del fuego

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