Foresight.js: Servir imágenes en alta definición según corresponda

Pablo

Foresight.js es una pequeña biblioteca desarrollada con JavaScript para realizar un trabajo simple, pero no por eso menos importante. Estoy hablando de mostrar imágenes en alta resolución siempre y cuando el dispositivo desde donde se visualice soporte este formato, por ejemplo en un iPad de tercera generación.

Foresight.js no solo se limita a evaluar si el dispositivo tiene o no la capacidad de mostrar imágenes en alta resolución, también evalúa la velocidad de conexión, un punto que es aún más importante desde el punto de vista de mejorar de la experiencia del usuario.

Servir imágenes en alta definición según corresponda

La biblioteca no requiere jQuery para trabajar, no obstante esta preparado y listo para ser utilizado con jQuery Mobile, permitiendo una perfecta integración, lograrlo no lleva más que unas lineas de código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="foresight.js"></script>
<script> $(document).bind("pagechange", foresight.reload); </script>

Este script esta probado y testado en:

  • iOS 5.1 (iPad3 & iPhone4)
  • Android 2.3 (Samsung Charge)
  • Chrome 17 (Mac)
  • Chrome 19 (Win)
  • Safari 5.1 (Mac)
  • Firefox 11 (Mac)
  • Firefox 10 (Win)
  • IE8

Web: Foresight.js

Pablo

Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.

Realizar un comentario