RuanWeb

CSS Tricks um excelente web site de dicas e tutorias sobre css, publicou recentemente um tutorial, em que mostra como criar um topo com o estilo do digg, inclusive com as funcionalidades.
Visualize o Demo ou Download do Arquivo

Caixa de mensagem são elementos úteis par mostra mensagem de status antes ou durante um requisição especifica do usuário.
Então por isso Antonio Lupetti reuniu uma coleção de alguns exemplos simples de estilos em css.

Alguns Exemplos:

<div class="caixa-mensagem">Dica de Caixa de Mensagem</div>

.caixa-mensagem{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
}

<div class="caixa-icone">Caixa com Icone</div>

.caixa-icone{
border:solid 1px #DEDEDE;
background:#FFFFCC url(img/icon-heart.png) […]

É inúmera a quantidade de ferramentas que surgem para facilitar o desenvolvimento web, sejam elas para agilizar no design, na programação clientside ou até mesmo na do lado do servidor.
 
IzzyMenu é a sensação do momento, para quem é responsável pela programação clientside, está é uma ferramenta que promete agilizar o desenvolvimento de menus, como o […]

MoreCSS é um script que expande as propriedade do CSS para facilitar agregar as características e efeitos que ou não tem um atributo especifico o não são aceitas por todos os navegadores.
Por exemplo, com este script é possível criar tabelas ou lista com o famoso estilo “Zebra”, abrir links em uma […]

Centralizar Verticalmente com Line-height
Quando você tem um container com altura fixa, você pode utilizar a propriedade line-heigh para centralizar verticalmente o conte

line-height:24px;

 
Prevenir Conteúdo Distorcido com larguras fixa.
Quando você inseri um conteúdo maior que a largura fixada em um container, ele quebra o layout. Para evitar […]