Posts tagged CSS

Centralizar imagem na horizontal e vertical com CSS

1 year ago

by Douglas L. Figueiredo in CSS

Imagine a seguinte situação: você precisa centralizar uma imagem dentro de um box maior que a imagem e com dimensões atribuídas. Caso você insira a imagem via CSS, é fácil deixá-la centralizada, mas isso não é possível quando estamos utilizando a tag < img >.

Você poderia simplesmente fazer o seguinte:

Aplicar display:block à imagem Definir as margens esquerda e do topo para a imagem, deixando-a centralizada dentro do box.

Mas o grande problema é que você pode ter imagens no formato retrato e paisagem. Imagine uma galeria de fotos com fotos de diferentes tamanhos, você teria que definir um More >

Dica para organizar seu código CSS

1 year ago

by Douglas L. Figueiredo in CSS

Hoje venho apresentar mais uma dica para todos vocês! Trata-se do StyleNeat, um organizador para seus arquivos CSS. Ele pega seu código e o reorganiza, mantendo um padrão na escrita, facilitando muito a compreensão de consulta de quem não escreveu o código, e até mesmo para quem escreveu e precisa consultá-lo depois de algum tempo.

Para aqueles que quiserem fazer um teste, o link é: http://styleneat.com/

Lembrando que seu código não sofre alterações, mantendo a mesma idéia aplicada por você quando o escreveu.

código CSS organizador

CSS3 Generator – Desvendando o CSS3

1 year ago

by Douglas L. Figueiredo in Uncategorized

Olá a todos!

Depois de alguns dias sem postar, estou aqui novamente…não, não abandonei o blog =) Simplesmente a vida anda corrida demais….mas vamos ao que interessa!

Vi uma dica no twitter do @pinceladasdaweb à alguns dias, e decidi compartilhar com vocês. Trata-se do CSS3 Generator. Você escolhe o efeito CSS3 que quer, e ele lhe dá o exemplo, com opção de edição, e o código para aplicar tal efeito. Uma mão na roda para dar início aos efeitos CSS3.

Clique na imagem ou acesse o link para conhecer o CSS3 Gererator….este vale a pena ir para os favoritos

CSS css 3 css3 css3 generator

10 exemplos do poder do CSS3

1 year ago

by Douglas L. Figueiredo in CSS, Tendências

O CSS3 ainda pode ser considerado um embrião, porém muitos designers e programadores já descobriram ótimas funcionalidades com ele…neste artigo quero apresentar-lhes 10 exemplos do bom uso do CSS3, e com os dias, conforme for possível, postar dicas de como utilizar bem o CSS3. Infelizmente não são todos os navegadores que dão suporte às novas propriedades do CSS3, e o pior deles nosso inimigo querido IE.

Vejam abaixo alguns exemplos com os links para as respectivas páginas: