23 Mar

Códigos de animación en CSS

Cada vez utilizamos menos Javascript para hacer animaciones. CSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

• Visitar Animista: Ejemplos de animación en CSS

9 Mar

Mostrando elementos con el Scroll

¡Muchos habréis visto ya este efecto tan de moda! Se trata de ir desplegando (mediante animación o transición) elementos en el cuerpo de la Web mientras vamos haciendo scroll. Si queréis programar algo parecido, aquí os dejo Scroll Reveal. Un código, en Java Script, que os facilitará la tarea.

11 Sep

Slider de noticias automático

Este recurso Javascript puede ser muy útil para potenciar la imagen de las últimas noticias y contenidos.

Había visto cosas parecidas en Flash con XML (vease meristation.com), pero sin duda alguna este código me parece mucho más versátil.

Podéis ver una demo aquí: Ver Contenido‘

Y descargarlo desde el archivo adjunto.

– Archivo Adjunto: fcslider.zip

Eyetracking Consejos de Diseño

Eyetracking: Recorrido visual.

Un manual interesantisimo con un estudio sobre los hábitos del usuario al entrar en una Web.

¡No pierdas detalle para que los contenidos de tu Web sean efectivos y usables!

– Archivo Adjunto: eyetracking.rar