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.
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.
Me pasa Pedro este magnífico corto inspirado en los números, la geometría y la Naturaleza.
En este blog de diseño web, ya hablamos en su día del número áureo y de cómo se ve reflejado en cada elemento de la Naturaleza, este es un vídeo muy bien elaborado que seguro que os impresiona.
Si queréis más información sobre el contenido del vídeo, os recomiendo que veáis Nature by Numbers.
El diseño web con jQuery además de haber conseguido una mayor usabilidad y velocidad de navegación, nos proporciona una infinidad de soluciones a cuestiones que hasta ahora eran muy laboriosas y pesadas tanto de elaborar como a la hora de cargar la página. Hoy os dejo el dualSlider, otro slide en este caso utilizado como cargador de vídeos que además de ser muy vistoso, nos permite añadir acciones muy útiles a la vez que reproducimos nuestros vídeos (textos y titulares adicionales, reproducción automática…)
El paso de un vídeo a otro puede ser manual o automático, pudiendo además controlar fácilmente la velocidad de transición de uno a otro.
Todos sabemos cómo ayudan unos buenos iconos en nuestros diseños web y lo complejo que es a menudo crear un icono que represente correctamente su función en un tamaño tan pequeño.
Un buen icono puede mejorar sin duda además del diseño de la página, la navegación y cuando por cualquier motivo, no podemos o no tenemos el tiempo de hacer nuestro propio diseño, nos encontramos con la dificultad de encontrar el icono adecuado y sobre todo, saber si está o no libre de derechos.
Icon Finder, es un buscador de iconos gratuito con una base de datos (en el momento de escribir este post) de más de 167.000 iconos. Podemos encontrar lo que buscamos bien por palabra clave o por paquetes temáticos. Icon Finder es una dirección indispensable para todos, así que añadidla ya a vuestros favoritos, merece la pena.
Y MÁS DE 290.000 ICONOS GRATIS CAMBIANDO DE ORDEN LAS PALABRAS…
Pues si, resulta que al día siguiente de subir este post, un amigo (Carlos Delgado) me comenta que si en lugar de Icon Finder, entro en FindIcons.com me encuentro con otro buscador de iconos igual de bueno que el anterior, que presume de tener la base de datos de iconos gratuitos más grande del Mundo, así que aquí lo os lo dejo, ya me contaréis cual os ha parecido más completo.
Como todos sabéis, hoy en día en diseño web, la resolución más común, es 1024×768 px, eso significa que pensando en que lo normal en un usuario es que tenga un par de barras extras colocadas en el navegador, nos deja una resolución en vertical visible de unos 560 px, es decir, todo contenido que quede por debajo de este área, tendrá que ser visto haciendo scroll.
