sábado, 13 de novembro de 2010

segunda-feira, 24 de maio de 2010

sexta-feira, 26 de março de 2010

Briefing mal feito - Sinal de Pare

Retirado do site: http://videolog.uol.com.br/video.php?id=352996

quarta-feira, 17 de março de 2010

terça-feira, 16 de março de 2010

Material sobre animação

Site muito bom sobre animação:

http://www.makemovies.co.uk/

Animação tradicional - Cartoon Animation by Preston Blair

Material retirado do livro do Preston Blair. Este foi um animador do início da decada de 1930, trabalhou com Walter Lantz (Pica-pau), Bill Nolan, Disney, etc..

Segue o link:
http://www.geocities.com/desenhoanimadomsfx2/index.html

Estudo Introdutório sobre Design

Segue o link de um material muito bom sobre introdução ao design:

http://www.lsc.ufsc.br/~edla/design/design.htm

Hahahaha

segunda-feira, 8 de março de 2010

terça-feira, 12 de janeiro de 2010

Lightbox Jquery

Para utilizar o efeito será necessário baixar o arquivo lightbox2.04.zip e descompactá-lo na pasta do seu projeto.

Para mais detalhes acesse o site: http://www.lokeshdhakar.com/projects/lightbox2/

<head>

<title>Lightbox JS v2.0</title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

</head>

<body>

<!-- link para a imagem grande: -->
<a href="images/image-1.jpg" rel="lightbox">
<img src="images/thumb-1.jpg" width="100" height="40" alt="" />
</a>

<!-- para galerias de imagens use: -->
<a href="images/image-1.jpg" rel="lightbox[a]">
<img src="images/thumb-1.jpg" width="100" height="40" alt="" />
</a>

<a href="images/image-1.jpg" rel="lightbox[a]">
<img src="images/thumb-1.jpg" width="100" height="40" alt="" />
</a>

</body>


Bordar interna img hover usando CSS


<style>
a.linkImagem, a.linkImagem img {
border:none;
float:left;
overflow:hidden;
}

a.linkImagem:hover {
border: 4px solid red;
}

a.linkImagem:hover img {
margin: -4px;
}
</style>

<a href="#" class="linkImagem">
<img src="foto.jpg" alt="Foto" />
</a>