Letterpress Effect

Chris Spooner dá a dica de como adicionar sombra com elegância em seus textos usando CSS.

Demonstração

Instrução

Google MP3 Player

O Google desenvolveu um mp3 player muito interessante para adicionar mp3 em seu site, blog etc. Para adicionar é muito simples, bata copiar o código abaixo e alterar a 'MP3_URL' para o local onde encontra-se sua mp3. Além disto dá para mudar a cor do bgcolor e largura(width) e altura (height).

Copie o código abaixo.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="500px" height="27px" align="middle">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://mail.google.com/mail/html/audio.swf"/>
<param name="FlashVars" value="audioUrl=MP3_URL"/>
<param name="quality" value="best" />
<param name="bgcolor" value="#EEEEEE" />
<param name="scale" value="noScale" />
<param name="wmode" value="opaque" />
<param name="salign" value="TL" />
<embed id=Player scale="noScale" salign="TL" src="http://mail.google.com/mail/html/audio.swf?audioUrl=MP3_URL"
wmode="opaque" quality="best" bgcolor="#EEEEEE" width="500px" height="27px" name="Player" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

'Das antiga'

Textarea flexível

Todos sabemos que um textarea com barra de rolagem é bem 'chatinho'. Principalmente quando a pessoa escreverá muito texto. Encontrei na web o 'prettyComment', um projeto muito interessante que deixa o textarea flexível para a escrita do internauta. Veja os links

Demonstração

Download

Instruções de uso

Sexy Sliding Vertical Painel

Precisando economizar espaço ? Então dê uma olhada no 'Sexy Sliding Vertical Painel'. Trata-se de bela uma mistura de CSS3 + jQuery que certamente deixará seus internautas 'babando'.

Exemplo 1 - Left Absolut position
Exemplo 2 - Right Absolut position
Exemplo 3 - Left fixed position

Instruções de Uso

Download

Fade Out Bottom

É frequênte reclamações de internautas que não se sentem bem em sites com barra de rolagem extensa. Mas sabemos que em diversos casos é necessário conforme o conteúdo.
Encontrei na web um script em CSS muito interessante, ele adiciona transparência no final das escritas proporcionando melhor leitura nestes casos. Segue os links.

Demonstração

Download

Organic Tabs

Pra quem precisa de um belo gestor de links ordenado por tags, minha dica é o 'Organic Tabs', certamente te ajudará muito e seu manuseio é muito fácil

Download

Demonstração

AutoPlay no Youtube

Código sem auto-play:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/WQngHx86qVc"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/WQngHx86qVc" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

O mesmo código com auto-play

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/WQngHx86qVc&autoplay=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/WQngHx86qVc&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

* Observe que foi adicionado &autoplay=1 no final dos 2 links
* Os links sempre serão na parte aonde diz value="link" e no final do link antes de fechar aspas adicione &autoplay=1

Gallery Z-Index

Pensando em algumas alternativas para galeria de fotos, fica aí a dica, 'Z-Index Gallery'. O barato dela é que você não tem que se preocupar com thumbs e o efeito é muito interessante.

Demonstração

Download

PHP / CSS: Trabalhando as strings

Olá pessoal, pra quem ainda tem dúvida como transformar uma string em maiúsculo ou minúsculo, ou a primeira letra maiusculo, vai a dica:

No CSS você poderá usar a definição TEXT-TRANSFORM: UPPERCASE para maiusculo, LOWERCASE para minusculo ou CAPITALIZE para a primeira letra em maiusculo exemplo:

exemplo:

#conteudo
{
text-transform: lowercase; // Definirá a string sendo totalmente minuscula.
}

Já no PHP podemos usar as seguintes funções:

strtolower – Converte uma string para minúsculas
strtoupper – Converte uma string para maiúsculas
ucfirst – Converte para maiúscula o primeiro caractere de uma string
ucwords -Converte para maiúsculas o primeiro caractere de cada palavra

Exemplo:


<?php
$frase = "QUE DIA LINDO";
echo strtolower($frase); // Transformará a frase inteira que estava maiuscula em minuscula.

?>