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

Recargar imágenes con el mismo nombre de archivo

A veces, por conveniencia y diseño de la base de datos, se mantiene el nombre de los archivos aunque se vuelvan a subir nuevos y distintos, dependiendo del caso esto es muy válido o profundamente incorrecto. Es fácil verlo en zonas privadas de usuarios. El típico caso en el que un usuario se cambia el avatar, sube su foto nueva y aunque todo parece correcto, su foto sigue siendo la misma de antes Continúa leyendo Recargar imágenes con el mismo nombre de archivo

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

Detectar el idioma del navegador

Una de esas cosas recurrentes que tiene la programación web es la de querer mostrar el contenido traducido o preparado según el idioma del usuario. El problema viene después, cuando decides si lo haces con PHP o con Javascript, lo desarrollas y justo en ese momento, cuando está todo acabado y lo publicas, es cuando te preguntas si no le hubiera gustado más al usuario elegir el idioma haciendo click en un enlace con una banderita (mucho más bonito para el SEO, donde va a parar…) Continúa leyendo Detectar el idioma del navegador

Dibujar un pixel en el canvas de HTML5

Lo normal cuando se aprende un lenguaje o se empieza en un sistema/entorno es hacer un “hola mundo”, en mi caso si hay capacidad gráfica disponible lo que intento siempre es dibujar un único pixel en una posición concreta, a modo de ejercicio. Hay que entender lo básico para hacer luego cosas más complicadas. Ya se que pintar un único pixel tiene poca utilidad ya que ponerse a dibujar cualquier cosa punto a punto tiene poco de eficiente. No hay ningún método o función especifico tipo “setPixel” disponible para el contexto del canvas de HTML5 por lo que hay que hay que hacerlo indirectamente Continúa leyendo Dibujar un pixel en el canvas de HTML5

API de Geolocalización

Después de tres posts hablando sobre CSS3 toca hablar de otra cosa, en este caso voy a tratar sobre el API de Geolocalización que habita en los navegadores modernos. Es fácil creer que este API es parte del HTML5 ya que apareció casi al mismo tiempo, pero no es así, fue desarrollado por la W3C por separado Continúa leyendo API de Geolocalización

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