UP and Down Slider

Encontrei no site da Thatagency um slider bem interessante. Trata-se de um botão superior que quando clicado, abre-se uma div contendo alguma mensagem. Clicando novamente, a div se esconde.

Demonstração

Download

Feature List Slider

Pra quem curte design arrojado, vai aí uma boa dica pra slider. Feature List Slider é uma boa combinação entre CSS e Javascript e está disponível para download e muito bem documentado.

Demonstação

Download

JQuery Tooltip text

Crie tooltips para seus textos utilizando jQuery e CSS.

Demonstração

Download

jQuery Tooltip Menu

O site Queness desenvolveu um menu bem interessante com 'legenda' baseado em jQuery e CSS acompanhe os links abaixo

Demonstração

Download

HTML em Blogger ?

Estive procurando uma alternetiva pra adicionar HTML no post anterior e encontrei uma maneira bem fácil. O site nosetup.org disponibilizou um sisteminha que converte html em texto e achei super bacana e útil.

Clique aqui e faça o teste.

Alert Javascript

Como prometido, ensinarei a fazer um alert no javascript. Alert é nada mais nada menos que aquele box que aparece no centro do navegador quando alguma ação é executada. Normalmente é um guia para o usuário identificando mensagens importantes. Exemplo: Cadastrado com sucesso, Excluído com sucesso, e por aí vai...

<script language="JavaScript" type="text/javascript">
alert("A mensagem vai aqui");
</script>

'Rockzin' é sempre bem vindo

MP3 Embbed usando JQuery + Swf

Inserir audio em site não é mais problema usando jQuery Media Plugin

Como usar

Download

Grunge Fonts

Pra quem curte "Grunge Fonts", vai um link com algumas fontes que particularmente julgo de muito bom gosto.

Clique aqui

Alte Haas Grotesk

Alte Haas Grotesk também merece um espaço exclusivo no blog depois que a vi para download. Famosa por traços muito bem desenhados, Alte Haas Grotesk está presente em grandes criações.

Clique aqui

85+ Fontes Hand Draw (Desenhadas a mão)

Pra quem curte fontes Hand Draw, vai aí um link recheado de fontes profissionais para o uso.

Link 1

Link 2

30 Elegantes Serif Fontes

Depois de inúmeros pedidos, segue link que proporciona download de algumas das fontes mais usadas por webdesigners conceituados no mundo inteiro. Um espetáculo de bom gosto, confiram.

Clique aqui

CSS : Sexy Light Box 2.3

Interessante lightbox com efeito inédito. Trata-se do Sexy Light Box 2.3. Clique aqui

Encorpore vídeo no flash

O Professor Burnes explica passo a passo como incorporar vídeos no flash. Ideal para quem deseja particularidade em seus podcasts além de integrações específicas sem depender de outros servers.

Clique nos links abaixo:
parte 1
parte2

Personalize seu TEXTAREA

Vai aí uma boa dica para incrementar ainda mais seu sistema. O "openWYSIWYG 1.01 beta" (Rich textarea replacement) é uma invenção do programador Steve e está disponível para download.

Clique aqui

Javascript/CSS : Tamanhos flexíveis

O Portal DynamicDivre publicou um artigo onde explica como criar links para aumentar e diminuir o tamanho da fonte conforme a necessidade. Testei e realmente é muito bom.

Clique aqui

CSS: Div transparente

Bom vou explicar aqui como se cria uma div com transparência regulável.

Crie um documento HTML e um documento CSS.

No html:

- Crie DIV com ID 'box '

- Crie uma classe 'f-transp' e feche-a

- feche a div 'box '

No CSS:

div#box{
position:absolute; top:5%; left:30%;
width:120px; height:125px;
overflow:hidden; // O overflow é usado para inibir o aumento não desejado do div.
border:1px solid white;
}

div.f-transp{
position:absolute; top:0; left:0;
width:100%; height:100%;
width:inherit; height:inherit;
background:red;
filter:alpha(opacity=30, finishopacity=30, style=1);
opacity:.3;
-khtml-opacity:.3;
border:none;
}

CSS: CSS Photo Gallery

Vagando pelo portal CSSTricks , encontrei uma ótima solução para os álbuns de fotos. Trata-se da "CSS Photo Gallery".

Clique aqui para ver o exemplo

Clique aqui para baixar os arquivos

Dica: Apostilas grátis

Vagando pela web a procura de informações sobre alguns assuntos, encontrei um portal muito interessante que disponibiliza diversas apostilas gratuítas de diversas linguagens e programas.

Clique aqui

Belo Layout

O layout abaixo foi produzido pelo designer raczo. O que me chama muito a atenção é como elementos da natueza podem muito bem compôr um layout com classe e estilo. Clique na imagem para ampliá-la.

Procure imagens no Flickr

Sabemos que milhares de fotógrafos profissionais hospedam suasimagens no Flickr. Vagando pela web, encontrei um motor de busca especializado em buscar estas imagens. Acabei de testar e me surpreendi com os resultados. Clique aqui

Pra relaxar...

Dicas para anúnciar na internet

Não resta dúvida que a internet é uma poderosa forma de marketing. Porém é necessário alguns cuidados básicos para que sua propaganda seja feita de maneira clara e persuasiva.

Destaco alguns pontos que julgo prioritários:

- De acordo com o público-alvo, crie estratégias de comunicação. Pesquise a classe, faixa etária, hábitos etc;

- Simplifique a linguagem para fácil entendimento. (Nunca se esqueça de levar sempre em consideração o público-alvo) ;



- Antes de abrir o photoshop, faça a escolha das imagens, textos e posições. (Se possível conte com o auxílio de um redator e fotógrafo, para profissionalizar seu anúncio).

- Evite citar a 'concorrência';

- Destaque as vantagens do produto;

- Destaque o seu telefone, endereço, e-mail para contato;


- Faça um esboço das maneiras de transmição da propaganda na internet. (Blogs, Portais, Sites, E-mail...). Se possível conte com o auxílio de uma agência de propaganda. Elas normalmente conhecem o mercado e sabem exatamente os veículos que poderão dar o melhor resultado.


Se você tem alguma observação, comente este post ou mande um e-mail para rafaelperin_@hotmail.com

Top Fonts

Download


Credits: Tinydl