9 Sep

Animación de SVG automática

Una herramienta genial para generar animaciones en vuestros gráficos SVG. Especialmente ideada para animación de logotipos vectoriales.

Visitar SVG Artista

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.

1 Mar

Locuras con CSS

Si todavía ponéis en duda la capacidad de CSS para crear animaciones, os recomiendo que le echéis un ojo a esta página. 5 ejemplos, muy potentes, de lo que puede llegar a hacer CSS. Podéis encontrar los códigos en CSS / SASS y HTML para aprender a hacerlos.

8 Ene

Colección de efectos rollover CSS3

Realizar animaciones de botones, con CSS, cada vez es una tarea más complicada. CSS3 nos ha traído animaciones con muchas opciones que, en la mayoría de los casos, son difíciles de recordar y aplicar. Así que, para ayudar a todos aquellos que quieran tener una animación llamativa en su propia Web, le dejo este archivo CSS con todas las opciones ya escritas, listas para ser aplicadas. Y si no, sólo por ver lo que CSS3 es capaz de hacer, ya merece la pena echarle un ojo 😛

· Ver ejemplos de Hover.css y descargar

18 Sep

Tutorial Jquery : Efecto Blanco y Negro

Un bonito efecto que pasa las fotos a Blanco y negro al mover el ratón por encima de la imagen.

Podéis ver un ejemplo o estudiaros el tutorial para implementarlo en vuestra Web.

11 Sep

Jquery: Botonera con animación

Esto se parece cada vez más a Flash, pero con CSS y Javascript. Se pueden hacer maravillas la verdad.

Botonera Jquery Ver Contenido‘

Por desgracia no sé donde andará el tutorial pero el código de la página os servirá seguro.

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