One Page websites com animações

04:09 , 1 Comments

Está na moda fazer sites de uma única página.
Conseguem-se fazer sites bastantes engraçados com animações, transições etc..., venha a imaginação.
Um dos "pluggins" mais usados é o curtain.js, faz uma espécie de animação de cortina, sobrepondo as "páginas" uma por cima de outras, e á medida que se faz scroll, elas vão saindo como fossem uma cortina.

GitHub

Vejam estes sites, onde podemos encontrar bons exemplos:
http://onepagelove.com/tag/curtain-js
http://www.the.gs/fresh/curtain/example/#section-1

Muito bom, não acham?

Segundo jhey tompkins o "pluggin" doormat é uma alternativa ao curtains.js, sendo que não tem dependências de framewoks externas como o jQuery.

GitHub

Aqui está um exemplo feito com doormar - http://jh3y.github.io/doormat/

Experimentem!

Mário Martins

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.

1 comentários:

Humar Santos disse...

Muito bom o artigo, uma grande tendência hoje em dia também é o "aparecer" elementos de uma forma smooth à medida que fazemos scrool.

Deixo aqui um exemplo:

http://scrollrevealjs.org/