blog by douglas l. figueiredo
CSS
Centralizar imagem na horizontal e vertical com CSS
01 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
01 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.
10 exemplos do poder do CSS3
21 year ago
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:
Bolhas de discursos
Fonte: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html
Efeitos fantáticos para botões com CSS3 e RGBA
Fonte: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
Moldura em
Não “otimize” seu código
12 years ago
Quando fazíamos sites com tabelas, o grande problema era a quantidade de código que escrevíamos. Naquele tempo – 1996, 97, 98 – tínhamos outros pontos que precisavam de uma atenção maior. A conexão era lerda para todo mundo e isso dificultava um bocado as coisas. Por isso, fazer um site pesado era fora de cogitação. Ficávamos “mendigando” cada byte para que o site ficasse milésimos de segundo mais rápido.
O código era o grande problema. A quantidade de código interferia diretamente na performance do site. E isso fez com que os desenvolvedores encontrassem saídas não muito agradáveis.
Era comum fazer More >
