Botones Social Media con jQuery y CSS
En diseño web se ha vuelto imprescindible poder compartir tus contenidos con tus usuarios, si además lo puedes hacer de una manera vistosa, no solo gustará más a tus usuario, si no que será mucho más fácil que se vean tentados a utilizarlo.
AjaxMint nos muestra un alucinante ejemplo en el que además nos permite descargarnos el código.
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.
Cargador de vídeos en jQuery
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.
Por supuesto que código gratuito listo para funcionar. Podéis ver el funcionamiento y descargar todos los archivos necesarios en http://www.hugoandcat.com/DualSlider/index.html
Si queréis ver otros slides en este blog de diseño, visitad los siguientes post
Más jQuery para tu web
La relación diseño web + jQuery ha sido sin duda la última revolución del diseño web. Más posibilidades, más usabilidad, más ligero,…
Hoy os dejo una forma de hacer todavía más usable vuestra web o blog. Se trata de las típicas pestañas que quedan siempre fijas a una determinada altura de la pantalla, independientemente de que hagamos scroll. Muy útil para colocar los accesos a redes sociales, RSS, o al carrito de la compra.
En el post de tympanus.net además de poder descargaros el código, podréis ver cómo funciona.
SlideDeck
Un buen diseño web ha de adaptarse al perfil del usuario que lo va a utilizar y a las necesidades del producto que queremos mostrar, para esto, debemos de estar siempre a la última, ver todas las tendencias y todas las nuevas herramientas que nos ofrece el desarrollo web, en este caso y una vez más, utilizando jQuery.
Hoy os dejo una verdadera joya, el SlideDeck, una nueva forma de mostrar el contenido de una web que últimamente se está poniendo de moda, es muy intuitivo, elimina la sobrecarga de información dando una mejor experiencia de usabilidad e incluso hace divertido interactuar con él.
Es ideal para mostrar diferentes destacados en una página, o incluso, podríamos usarla para hacer enteramente la web dentro de ella (para pequeñas webs de información).
Además de espectacular, es súper usable, ya que por ejemplo podemos cambiar de información moviendo la rueda del ratón.
Magia con jQuery
Ya conocéis mi debilidad por usar Ajax en diseño web, me parece una solución que además de dar usabilidad a nuestra web, nos da oportunidad de sorprender al usuario, captando así su atención.
En esta ocasión vamos a hablar de unas cuantas librerías para hacer animaciones.
Muchos de los ejemplos que vais a ver están en bruto, es decir, no llevan nada de diseño, en vosotros estará el hacer que esas animaciones sean todo lo espectaculares que vuestra imaginación os sugiera.
