10. Curso de CSS3: Transiciones y animaciones.

Los nuevos estándares de CSS proporcionan a los diseñadores web cada vez más recursos para el desarrollo de sus sitios. Todos recordamos las webs de primeros de siglo, esas de las que normalmente salimos huyendo cuando nos las encontramos y que en nada se parecen a las de ahora.

CSS3 pretende estandarizar dos nuevas características: las transiciones y las animaciones que actuan sobre el estado de un elemento transformándolo de manera gradual. Con esto se consiguen efectos muy agradables que mejoran notablemente la experiencia del usuario al interactuar con la página. (Referencias: Transiciones y animaciones con CSS3).

Décimo videotutorial del curso de CSS3, dictado por con Jesús Conde. En la sesión para hoy nuestro maestro nos enseña las prestaciones que nos ofrecen las transiciones y las animaciones en la versión 3 de CSS.

Comenzamos la sesión de hoy...

28. jQuery Cuts: Controlar efectos.

Videotutorial # 28 del curso de jQuery, realizado por Código Facilito. Hoy veremos cómo controlar los efectos que ya creamos las anteriores sesiones, y que ahora .

A continuación, Enoc Díaz nos enseña a como controlar nuestras animaciones generadas.

27. jQuery Cuts: Easing, velocidad de una animación.

La función easing especifica la velocidad de la animación para hacerla más realista. El objeto real no comienza su movimiento instantáneamente y de manera constante. Cuando abrimos el cajón, primero le damos aceleración, y después lo frenamos. Cuando algo se cae, primero baja rápidamente y después de alcanzar el suelo rebota. (Referencia: Función Easing).

Videotutorial # 27 del curso de jQuery, realizado por Código Facilito. En esta ocasión aprenderemos a graduar la velocidad de nuestras animaciones por medio del plugin Easing.

En seguida, Enoc Díaz realiza la explicación pertinente a través de un ejemplo.

26. jQuery Cuts: Efectos personalizados con método "animate"

Videotutorial # 26 del curso de jQuery, realizado por Código Facilito. Sobre animaciones personalizadas utilizando el método nativo de jQuery animate().

Con ustedes Enoc Díaz que como siempre a través de un ejemplo práctico nos explica sobre las animaciones con jQuery.