Archive for agosto, 2010

jQuery Retina display plugin

La pantalla del iphone 4 es revolucionaria ya que es el primer dispositivo mobil que utiliza una densidad de pixeles superior a cualquier otra. Es gracias a ésto que la lectura es mucho más fina.

Ahora el problema es que en general cuando uno crea gráficos para pantallas, especialmente para la web lo hace en 72 dpi cuando los nuevos gráficos para retina debieran ser en 326.

Otro problema es que todavía hay dispositivos sin la nueva pantalla retina, lo que se traslada a que necesitamos duplicar la cantidad de gráficos: los comunes y los de mayor densidad de pixeles. Aún más necesitamos una manera de decidir cual mostrar, osea detectar que es un dispositivo con retina y mostrar los gráficos correspondientes de lo contrario seguir usando los gráficos comunes.

Con éste problema en mente encontré un plugin de jQuery que soluciona éste problema. Su implementación es súper sencilla.

<script src="js/jquery.retina.js" type="text/javascript"></script> 
<script type="text/javascript">  
     $(document).ready(function() { 
          $('img').retina(); 
     }); 
</script>
más información:

http://troymcilvena.com/post/998277515/jquery-retina

Columnas con jQuery

Si jQuery se está tomando la cotidianidad que tenía actionscript en mi día a día. La verdad que me sorprende lo rápido que se pueden lograr cosas. Ayer nombré como hacer un formulario totalmente usando jQuery en vez de HMTL. Hoy necesitaba hacer una pagina con varias columnas. Comunmente haria las divisiones corresponientes, les daria un ancho, un padding, magen y disrtribuiria el contenido entre ellas. El problema surge cuando el contenido es variable y nos es dificl distriburi el contenido de forma eficaz. Es por ésto que recurrí a jQuery, y sinceramente no tardé más de 3 minutos en implementarlo, estoy seguro que si lo hubiese hecho de la forma tracicional me hubiese llevado al menso 15 entre hacer el html y ajustar el css. Hay varios “plugins” que hacen esto que que usé yo y funcionó a la perfección pueden encontrarlo en: http://codeasily.com/jquery/multi-column-list-with-jquery

La idea de este post es de notar que hay varias respuesta para el mismo problema y no siempre la típica, usual o común es la más acertada en cuanto a productividad. Hay que estar atentos si ven en la web formas más eficaces de hacer las cosas. si quieren recomendar algo que hayan visto mandenos un mail o dejen un comentario y lo publicamos

Jquery para mobiles

Ya he hecho varios post sobre distintos frameworks para desarrollo para mobiles, pero ésto siempre camba, se van actualizando o incluso desaparecen. Nosotros como parte de Grupo Quantum hemos desarrollado sitios para mobiles usando distintas tecnologías. La que personalmente más me gusta en jqTouch, pero sin embargo tiene varios problemas para hacer cosas medias epsecificas como por ejemplo usar google maps. También es bastante “pesada” para algunos dispositivos, si bien en iPhone y en Android se ejecuta muy bien hay varios otros navegadores que no funcionan tan bien. Es por esto que me tiene muy entusiasmado ell lanzamiento de jQuery para mobiles, que si bien todavía no está disponible parece prometer mucho, esperemos que cumpla. Todavía no hay fecha de lanzamiento pero prometen que va a ser antes de fin de año. más información http://jquerymobile.com/

Formularios hecho 100% con jQuery

La verdad que hacer formularios siempre es una tarea que conlleva mucho tiempo, sobre todo cuando tenemos que asegurarnos que se vea perfectamente en todos los navegadores, que sea usable y que contenga una forma amigable de validación. Hace tiempo que estoy buscando un método para automatizar y hacer la tarea más fácil. La verdad que hay varios framworks y cada uno tiene lo suyo, pero no queria hacer un post sobre todos lo frameworks disponible sino más bien destacar uno que me funcionó muy bien, que es muy facil de implementar y como novedad está hecho 100% con jQuery. Lo único que le faltaría para ser perfecto es que venga con soporte en varios lenguajes. Igualmente esta muy bien y la validación es buena. Pruebenlo y comentenme que les parece.

Fomation: http://mattnull.com/formation

Sony Media Monster

Excelente campaña de sony para promocionar su nueva notebook. Se trata de un juego online alimentado por tu actividad en facebook. La idea es que creas un Monstruo y luego podes pelear con el Monstruo de un amigo o con el de Justin Timberlake, hasta ahí todo bien no hay mucha novedad. El tema es que tu Monstruo gana fuerza y velocidad según la actividad y contenido de tu perfil de Facebook, cuanto más fotos subas, más videos subas, más “me gusta”, más comentarios tengas más fuerza y mejores ataque tiene tu Monstruo. El ganador  tiene que pelear con el mega Monstruo de Justin y participa del sorteo de una notebook Vaio. Sony dice que es el primer juego alimentado por redes sociales.
No se si será verdad pero me pareció muy innovador y creativo.

http://apps.facebook.com/mediamonsterwars/