Scroll infinito con History API HTML5

La constante evolución del diseño web, hace que cada vez tengamos más posibilidades de hacer más usables nuestras páginas web.

En esta ocasión Warpspire.com nos deja un claro ejemplo de cómo el HTML5 va a ser una revolución en el diseño web .

Todos aquellos que hayáis navegado por Twitter, habréis visto que no existe paginación. La página se va cargando de nuevo cada vez que llegamos al final del scroll. Esto permite no sobre cargar la página, ya que el contenido se va cargando paulatinamente y sobre todo hace mucho más fácil y rápida la navegación.

Lo mismo sucede si analizamos Facebook, donde podemos ver que también se renuncia a la paginación, utilizando también el scroll sin fin.

Esta API de HTML5 es verdaderamente útil y mejora aún más la navegación de Twitter y Facebook.

CONTINUAR LEYENDO “Scroll infinito contra paginación. HTML5 History API” »

Share and Enjoy

Internet está cambiando, la forma de uso de la Red ha evolucionado más allá del PC y de la web.
Medialabs ofrece estrategias multicanal que convergen y aportan una forma creativa y eficaz de ver Internet.

Share and Enjoy

Google url Shortener. Acortador de url's

Google ha lanzado un nuevo servicio muy útil para el diseño web en general, un acortador de url’s.
Se trata de simplificar una dirección web hasta dejarla en un formato del tipo “http://goo.gl/WMbR” en este caso equivalente de la ruta http://www.gloobs.com.

CONTINUAR LEYENDO “Google lanza un acortador de url’s, Goo.gl” »

Share and Enjoy

Redireccionamiento para iPhone, iPod, iPad

En este blog de diseño web, hemos hablado varias veces de lo importante que puede resultar tener la web adaptada para su navegación en terminales móviles, y en particular en iPhone.

Lo ideal sería tener una web adaptada a cualquier tipo de navegador, pero es muy grande la diferencia de usabilidad que existe entre el usuario que accede a nuestro contenido a través de su pantalla de ordenador y el que lo hace a través de un terminal móvil. El tamaño de pantalla, la falta de ratón, incluso el tiempo de dedicación, mucho menor que el que pueda tener un usuario desde casa, son algunos de los factores que nos obligan a tener nuestra web adaptada a estos terminales móviles.

A continuación vamos a ver cómo detectar si el usuario accede a nuestra web con un iPhone, iPod Touch o un iPad.

CONTINUAR LEYENDO “Diseño Web para iPhone, iPod, iPad. Detectar navegador.” »

Share and Enjoy

simular iPhone en web

El diseño web es usabilidad y ¿qué hay más usable que el desplazamiento sobre la pantalla de un iPhone?.  Un desplazamiento que además de facilitarnos la navegación por elementos mayores que la resolución de pantalla, nos hace tener la sensación de control absoluto sobre lo que estamos viendo, con una absoluta fluidez que nos permite fácilmente trasladarnos de un lado a otro del documento.

Pues bien, esto mismo ya está inventado para web, Overscroll es un plugin de jQuery que consigue el mismo efecto que el desplazamiento del iPhone.

En el siguiente enlace podréis ver una demo de su funcionamiento y descargaros gratuitamente el código fuente. Como véis en el ejemplo es una aplicación que asemeja el desplazamiento por pantalla del google maps.

• Ver ejemplo y descargar código gratis.

Share and Enjoy