Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Agrega transiciones a la carga de tu página

Agrega transiciones a la carga de tu página 12.DEC.14

Alvaro José Rios Ch
Fundador WebBizarro

Muchos sitios web como Facebook, tratan de mantener cierta continuidad entre la carga de las páginas, por ejemplo cuando nos movemos de una sección a otra vemos que se mantiene el menú y hay algún efecto de barrido para sustituir el contenido, esto permite mantener a los usuarios más cómodos en el sitio y evitar efectos de flash que no son muy agradables.

SmoothState es un plugin de jquery que te permite hace esto con mucha facilidad, simplemente tienes que cumplir dos condiciones a la hora de maquetar tu sitio web:

- Todos los contenedores necesitan un id, esto permite a la librería saber que va a sustituir en el momento de actualizar la página.
- Todos los links deben retornar el layout completo, no se debe enviar un fragmento de HTML sino la página completa.

Este último requerimiento es importante ya que permite redirigir al usuario a la página en caso de que ocurra un error.

La librería en si es muy fácil de usar y pueden usarse animaciones CSS para colocar transiciones de una sección a otra, por nuestra parte creo que tenemos trabajo en nuestro sitio, así que denle una mirada a esta librería que les va a dar a sus sitios un muy buen aspecto.