Captify é um plugin para jQuery que gera belas legendas nas suas fotos de uma maneira não intrusiva, através de rollover.
Existem algumas características do plugin que você pode alterar, como se a legenda aparecerá no topo ou na parte de baixo da imagem e escolher a animação que a legenda terá. O plugin foi testado no Firefox, Chrome, Sagari e até mesmo no lixo do IE.
VectorTuts é o PSDTuts dos programas vetoriais, com diversos tutoriais de alta qualidade, artigos, freebies (coisas para baixar) e vídeo-aulas; com certeza é um dos melhores sites do gênero.
Os tutoriais estão divididos nas seguintes categorias: design, ilustração, efeitos em texto, ferramentas & dicas e webdesign; os artigos também estão divididos em categorias; os freebies estão divididos entre brushes (pincéis) e vetores.
Se você for um ninja dos vetores, você ainda pode enviar o seu artigo ou tutorial para o site e caso seja aprovado você ganhará, além da fama, $150.
Se você trabalha com vetores e ainda não conhece o VectorTuts, não perca tempo e assine logo o feed deles; garanto que você não irá se arrepender!
jCarousel é um plugin para jQuery para controlar itens de listas verticais ou horizontais. Os itens podem ser estáticos (HTML) ou gerados via AJAX, por exemplo, podendo ser navegados com ou sem uma animação.
O plugin possui toda a documentação com tutorial para instalação e diversos exemplos, que sugiro dar uma olhada, que com certeza irão facilitar a sua vida.
O jCarousel foi testado nos seguintes navegadores: IE6, IE7, Firefox 1.5 (PC/Mac/Linux), Opera 9, Safari 2 (Mac), Safari 3 (Pc) e Konqueror 3.4 (Linux).
O Janko deu essa dica lá no blog dele (em inglês), o efeito do tutorial é no estilo grunge mas a técnica pode ser utilizada de diversas outras maneiras, a imaginação e o lixo do IE é o limite!
Basicamente é assim que funciona:
1- Abra o Photoshop (ou seja lá qual for o software), pegue um brush grunge ou faça o seu próprio, com a cor do fundo da sua página; dê uma pintada e salve o arquivo em .png com fundo transparente. Mais ou menos assim:
2- Agora pra colocar em um <h1> por exemplo você deve se utilizar da manha de colocar um elemento com posição absoluta dentro de um com posicionamento relativo; dê uma olhada no código
HTML
<h1>This is one very long title with grunge effect<span></span></h1>CSS
h1 {
position:relative; color:#aeef33; font-family: Georgia;
}
h1 span{
position:absolute; display:block;
top:0; left:0;
height:100%; width:100%;
background:url(‘grunge.png’);
}
3- E o resultado será esse:
Gostou? Lembrando que foi feito apenas com CSS! Você pode ver um exemplo online criado pelo autor do tutorial; eu só traduzi e resumi o tutorial dele que pode ser encontrado aqui: Add grunge effect to text using simple CSS.
Desde quando eu comecei a mexer no Photoshop, desde a remota época da falecida DSGStation, o site onde eu procurava qualquer tutorial de Photoshop era o Good-tutorials.
De um tempo pra cá ele cresceu ainda mais, agora possui tutoriais em diversas categorias: CSS, Flash, HTML, Illustrator, Java, Javascript, Maya, Photography, Photoshop, PHP, Ruby, Ruby on rails, 3ds Max.
Na minha opinião é o melhor site de tutoriais, os tutoriais estão divididos em categorias, possui bons filtros na busca; enfim, eu recomendo. Façam uma visita ao site e tirem suas próprias conclusões.
Eu, Cayo Medeiros aka. yogodoshi, vou falar sobre novidades na internet, dar dicas de sites úteis para nossa área, falar sobre a blogosfera em geral e repassar tudo que eu considerar que possa ser útil aos meus queridos leitores =p
Powered by WordPress e layout baseado noQwilm! Theme.
