Efectos jQuery para textos

Este es un efecto que venimos viendo en los nuevos diseños web.

En el artículo “Tendencias Diseño Web para 2012. SCROLL PARALLAX“, podéis ver varios ejemplos con imágenes y textos, que toman vida al hacer scroll sobre la página.

Hoy os dejo el código para realizar efectos con textos, podéis descargar el ejemplo y ver cómo se realizan los distintos efectos de zoom, rotate, fade, … Luego queda la imaginación y aplicar esto en vuestros diseños, el resultado es por lo menos “vistoso y sorprendente”, espero que os sirva.

• Toda la información y descarga en “Scrollorama” de John Polacek

Share and Enjoy

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

TopScroll con CSS y jQuery

Los blogs supusieron un cambio radical en el diseño web. Las páginas pasaban a ser mucho más largas de lo que hasta ahora habían sido.

La navegación vertical se hace interminable en numerosos blogs, en la mayoría de las ocasiones no perjudica al usuario, ya que navegamos viendo pasar los encabezados de los post por curiosidad o en nuestra trayectoria para llegar hasta un contenido que sea de nuestro agrado.

Siempre es preferible usar la rueda del ratón para hacer scroll a través de los post o productos de una tienda, que tener que ir paginando y cargando nuevas páginas. Incluso ahora, tenemos la posibilidad de ir cargando contenidos de manera controlada para hacer la página menos pesada en origen, dando así mayor rapidez de navegación al usuario.

CONTINUAR LEYENDO “Scroll to top con jQuery” »

Share and Enjoy

Desde los orígenes del diseño de páginas web, la barra de scroll ha sido tema de debate para numerosos foros. Siempre se ha dicho que el usuario no hacía scroll, y que todos los diseños debían de estar en función del primer pantallazo que recibe el usuario, antes con la resolución mayoritaria de 800x600px y ahora con 1024x768px.

CONTINUAR LEYENDO “Al usuario SI le gusta hacer scroll” »

Share and Enjoy