No site chicablogger encontrei uma pequena recopilação de sites que oferecem ferramentas que permitem mudar a aparência do Twitter, já seja utilizando algum fundo minimalista ou um que mostre nossa foto e perfil, ou o desenho de qualquer web.

1. Limeshot: Fundos com diferentes texturas coloridas, que as estrelas do pássaro Twitter.
2. Twitter Gallery Backgrounds: Showcase de fundos exclusivos para Twitter. É uma galeria que serve de inspiração .
3. The Close Entrepreneur: PowerPoint Template download completamente em branco , que pode ser modificado para criar um plano personalizado para o Twitter. Em TweetBacks há mais avançados modelos de Powerpoint.
4. My Tweet Space: Um gerador de papéis de parede grátis para o Twitter
5. Twitter Patterns: Quality Free Wallpaper, agrupados em categorias .
6. Boinblog: modelo simples no Photoshop para criar um fundo Twitter a seu gosto.
7. CroncastGuia para criar fundos Twitter ( em Inglês).
8. TwitterTreats: Alguns papéis de parede e fundos que podem ser usados no Twitter, ícones e avatares.
9. TwitBacks: Criar um fundo simples, com a sua própria imagem e dados pessoais em menos de dois minutos.
10. Tweetstyle: Showcase de fundos criados por outros usuários , e alguns gratuitos para download e uso.
11. Twitter Gallery: interessante variedade de origens agrupados em categorias , que podem ser equipados com um único clique , digite suas informações de login Twitter (por sua própria conta e risco .)
12. Web Distortion: Recolha de fundos para pequenas fanboys tileable .
13. Twitterimage: Fundos de inspiração, e alguns livre de qualidade média .

Fonte 13 herramientas para personalizar tu fondo en Twitter

Fonte MakeUseOf e genbeta
Enlace | Wallpaper Search

Uma vez no interior favicon.cc você vai encontrar uma paleta de cores e um lápis para desenhar cada pixel em uma placa de 16×16.

Estas são as etapas:

• Escolha uma cor
• Clique sobre os quadrados do tabuleiro para tinta
• Uma vez que o ícone que você pode fazer o download para PC
• E, finalmente, colocar o seu novo favicon no seu servidor web
• Opcionalmente, você pode colocar uma licença Creative Commons do seu novo trabalho

O site hongkiat.com preparou para você uma boa lista dos melhores plugins em jQuery para fazer a sua galeria de imagem onde podemos encontrar os recursos que você precisa para criar uma galeria ou um slider no seu site.

Supersized

Programa demonstrativo | Baixar
Gigante é um plugin jQuery slidehow fullscreen. Ele suporta imagens com o ciclismo preloading de imagem com efeito de transição.

Galleria

Programa demonstrativo | Baixar
Galleria é uma galeria de imagens escrito em javascript jQuery. Ele carrega as imagens uma a uma, de uma lista não-ordenada e exibe miniaturas quando cada imagem é carregada.

CU3ER Image Slider

Programa demonstrativo | Baixar
um controle deslizante de imagem, inicialmente concebido para criar transições entre slides 3D, acabou por ser uma solução conveniente e multifuncionais que podem ser aplicados em diversas áreas de construção de sites, desde slider conteúdo a característica deslizante e imagem e banner rotator.

jQuery lightbox

Programa demonstrativo | Baixar
plugin jQuery lightbox é simples, elegante, discreto, sem necessidade de marcação extra e é usado para sobrepor imagens na página atual com o poder ea flexibilidade do seletor do jQuery.

Gallerific

Programa demonstrativo | Baixar
Galleriffic é um plugin jQuery que fornece uma rica experiência pós-back livre otimizado para lidar com grandes volumes de fotografias.

Easy Slider

Programa demonstrativo | Baixar
Easy Slider é um plugin jQuery, você pode configurar suas próprias opções e é fácil de implementar.

Slider S3: jQuery Image Gallery

Programa demonstrativo | Baixar
Slider S3 é um plugin jQuery com efeitos agradáveis e com auto-imagem mudando.

Tudo o Slider

Programa demonstrativo | Baixar
AnythingSlider é um plugin jQuery com um monte de recursos (slides pode ser qualquer coisa, abas de navegação são construídos e adicionados dinamicamente …).

Coin Slider

Programa demonstrativo | Baixar
Coin Slider é um slider imagem jQuery com efeitos únicos.

Ciclo

Programa demonstrativo | Baixar
O jQuery Cycle Plugin é um plugin de slideshow que suporta muitos tipos diferentes de efeitos de transição.

Slider Conteúdo em Destaque

Programa demonstrativo | Baixar

Horinaja Plugin

Programa demonstrativo | Baixar
Horinaja está pronto para usar aplicação de slides, você também pode usar a roda do mouse para navegar entre os slides.

Transitions jqFancy

Programa demonstrativo | Baixar
jqFancyTransitions plugin jQuery é fácil de usar para visualizar suas fotos como slideshow com efeitos de transição fantasia.

jQueryGlobe – Plugin jQuery

Programa demonstrativo | Baixar

Looped Slider

Demo | Download

Nivo Slider

Programa demonstrativo | Baixar
Nivo Slider é um plugin jQuery de novo com excelentes recursos: 9 efeitos de transição original, teclado de navegação simples e limpa.

Piecemaker Galeria XML

Programa demonstrativo | Baixar
Piecemaker é uma fonte aberta 3D Flash galeria rotator imagem.

Pretty Photo

Programa demonstrativo | Baixar
prettyPhoto é um clone jQuery lightbox base. Não só as imagens ele suporta, mas também adicionar suporte para vídeos, flash, YouTube, iFrames.

Slide Deck

Programa demonstrativo | Baixar
Slide Deck é um fácil de implementar com um grande projeto.

Thickbox

Programa demonstrativo | Baixar
ThickBox é escrito em JavaScript. Sua função é mostrar uma única imagem, várias imagens, conteúdo inline, iframed conteúdo ou conteúdo servido através de AJAX em um modal híbrida.

Simples Slide

Programa demonstrativo | Baixar
Simples Slide é um plugin jQuery slideshow. É fácil de usar, pequeno e flexível.

Yoxview

Programa demonstrativo | Baixar
YoxView é uma imagem livre e visualizador de vídeos para websites. Ele é escrito em JavaScript usando jQuery e está disponível como um plugin do jQuery.

Link para ver a coleçãp completa:  50 (More) Excellent Mini Icon Sets

Abaixo você pode ver uma imagem so efeito, mais para ver melhor por favor visite o DEMO (em ingles).

Agora vamos ver o código.

HTML

<div class='img' id='img-1'>
	<div class='mask'></div>
	<img src='image/01.jpg' />
</div>
<div class='img' id='img-2'>
	<div class='mask'></div>
	<img src='image/07.jpg' />
</div>
<div class='img' id='img-3'>
	<div class='mask' id='mask-1'></div>
	<div class='mask' id='mask-2'></div>
	<img src='image/05.jpg' />
</div>
<div class='img' id='img-4'>
	<div class='mask'></div>
	<img src='image/04.jpg' />
</div>
<div class='img' id='img-5'>
	<div class='mask'></div>
	<mg src='image/06.jpg' />
</div>
<div class='img' id='img-6'>
	<div class='mask'></div>
	<img src='image/08.jpg' />
</div>

CSS

.img{
	float:left;
	-webkit-transition-duration: 0.5s;
	}
.img img{
	padding:10px;
	border:1px solid #fff;
}
.img:hover{
	-webkit-transform:scale(0.8);
	-webkit-box-shadow:0px 0px 30px #ccc;
}
.img .mask{
	width: 100%;
	background-color: rgb(0, 0, 0);
	position: absolute;
	height: 100%;
	opacity:0.6;
	cursor:pointer;
	-webkit-transition-duration: 0.5s;
}
#img-1:hover .mask{
	height:0%;
}
#img-2:hover .mask{
	height:0%;
	margin-top:130px;
}
#img-3 #mask-1 {
	width:50%;
}
#img-3 #mask-2{
	width:50%;
	margin-left:211px;
}
#img-3:hover #mask-1{
	width:0%;
}
#img-3:hover #mask-2{
	margin-left:430px;
	width:0%;
}
#img-4:hover .mask{
	margin-left:219px;
	margin-top:135px;
	height:0%;
	width:0%;
}
#img-5:hover .mask{
	margin-left:219px;
	margin-top:135px;
	height:0%;
	width:0%;
	-webkit-transform: rotateX(360deg);
}
#img-6:hover .mask{
	margin-left:219px;
	margin-top:135px;
	height:0%;
	width:0%;
	-webkit-transform: rotateZ(750deg);
}

Para visualizar o original visite o DEMO (em ingles). Espero que vocês gostem dessas effects, não esqueça de deixar o seu comentário.

Isto além de demonstrar que têm um duro caminho por diante, são conscientes de onde está o negócio e que seu antigo navegador está relentizando a ampliação da Internet. Com estas e outras medidas, cedo poderemos desfrutar de uma Internet mais rica.

Aqui está a magia com apenas 4 linhas (3lines css, html 1line):

code

Se você quiser exibir uma dica de um link, basta adicionar o tooltip “classe” para o link e escrever seu Tooltip texto em uma tag span dentro da marca – que é ele.

Programa demonstrativo

Para o efeito, está aqui um gráfico em PDF criado por Angie Bowen mostra esta hierarquia e as dependências (clique para abrir o PDF ou baixá-lo) …

Fonte: ajudawp

Permite baixar as imagens sem ter que se registrar.

Em muitas ocasiões precisamos uma imagem para realizar um trabalho ou bem uma apresentação e não damos com ela. Em Internet há numerosas fontes de pagamento à hora de falar de imagens, no entanto também há opções gratuitas.

Tal e como destacam em MuyPymes deixamos nada menos que uma dúzia de opções:

• Stock.xchng: totalmente gratuito, numerosas opções de busca e uso
• MorgueFile: Permite baixar as imagens sem ter que se registrar ainda que tem algumas limitações de uso das instantâneas.
• OpenPhoto: Só exigem que cites o nome do autor e a fonte para utilizar as imagens em qualquer trabalho.
• Photo Rack: Se precisas fotos livres de qualquer temática podes encontrá-las em Photo Rack com seu potente procurador.
• Unprofound: Fotografias mais profissionais com grande acabamento
• Freerange Stock: Necessário o registo e uma ampla galeria de imagens.
• FreeDigitalPhotos: Fotografias de grande resolução para cercas publicitárias ou projetos comerciais.
• FreeFoto: Podemos utilizar sempre que seja sem fins comerciais.
• FreePixels: Número de imagens é limitado, as fotografias são de grande resolução e qualidade.
• Public Domain Photos: Mais de 15.000 fotografias de todo tipo podem encontrar-se neste arquivo público.
• DesingPacks: As imagens deste banco têm uma alta qualidade mas sem demasiada oferta. Podem-se descarregar packs de 15 em 15
• Everystockphoto: Este banco de imagens que recopila fotografias de outros arquivos reúne mais de 5 milhões de instantâneas.

Fonte: noticias3d