jQuery vs Velocity.js vs CSS<3

palestra.md

Apresentação

A importância das Animações na Web Atual

Animações geram emoções!

A chegada das animações em CSS

.css {
    background-color: red;
    animation-name: love;
    animation-duration: 4s;
    animation-iteration-count: 3;
    animation-direction: reverse;
}

Eu não manjo de CSS, o que posso fazer?

Velocity <3

Uma solução em JavaScript para animações

Velocity vs CSS Animations vs jQuery Animate

Desempenho x Implementação

Quais são as vantagens do Velocity?

É possível rodar com e sem jQuery

Fica a gosto do desenvolvedor ;)

Infinidade de Argumentos e possibilidades de Manipulação

$element.velocity({
    width: "500px",
    property2: value2
}, {
    /* Velocity's default options */
    duration: 400,
    easing: "swing",
    queue: "",
    begin: undefined,
    progress: undefined,
    complete: undefined,
    display: undefined,
    visibility: undefined,
    loop: false,
    delay: false,
    mobileHA: true
});

That's all folks!

Mas, quem quiser mais pode dar uma olhada nesses links:

• https://davidwalsh.name/css-js-animation
• http://velocityjs.org/
• http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html