Como centralizar conteúdo verticalmente na página? Essa é uma dúvida comum e várias pessoas já me perguntaram se há alguma forma simples de se fazer.

Você quer que seu blog seja acessado e lido por todo mundo? Para isso você precisa postar assuntos interessantes, engraçados, novidades enfim coisas que chamem a atenção de todos.
Mas para dar uma ajudinha o seu blog pode ter efeitos interessantes, um layout diferente, java entre outras coisas que com certeza vão chamar atenção.
Por isso, continuando [...]

Em primeiro lugar, você deve estar se perguntando: O que diabos quer dizer ‘zebrar’ uma tabela? Eu explico: uma tabela ‘zebrada’ é aquela que tem linhas intercaladas com cores diferentes. Dessa maneira:

Não há segredo nenhum em fazer isso, é algo muito simples via CSS. Basta colocar uma class na linha que você quer que tenha [...]

Uma dúvida que muitas vezes aparece na hora em que inicia-se um novo projeto é qual a melhor largura usar para que o site não tenha aquela indesejável rolagem horizontal. Esta pergunta é claro tem ligação direta com o público-alvo do site e a sua resolução de tela mais comum: geralmente 800×600 ou 1024×768.

É possível usar CSS para estilizar imagens de muitas formas diferentes, recorrendo à diversas propriedades e combinando-as para conseguir efeitos bem interessantes. Pretendo postar aqui algumas sugestões de como aplicar essas propriedades para obter efeitos bacanas e acima de tudo úteis.
Pra começar, uma das mais básicas: borda
Não vou colocar aqui simplesmente como aplicar bordas em [...]

Antes de tudo: Por que fazer hacks para o Firefox, que exibe o CSS corretamente, se é possível fazer um hack apenas para o IE?
Primeiro: o Firefox também tem seus bugs, a própria Mozilla Foundation mantém uma página exclusivamente dedicada à eles, a Bugzilla. Claro, é verdade que se o erro for apenas no Firefox, [...]

Fico feliz em contar que o Top Rated foi selecionado hoje pelo CSSclip para fazer parte da sua galeria. O CSSclip é um site que agrupa diversos layouts baseados em… CSS é claro, para servir de inspiração a outros designers. Ao menos é o que eles dizem.
Então faça o favor de dar um pulo até [...]

Existem várias maneiras de se lidar com as diferenças entre browsers quando se trata de CSS. Eu mesmo já falei sobre CSS hacks, comentários condicionais e até uma biblioteca JS que corrige os problemas do IE tornando-o standards compliant. Cada uma delas tem suas vantagens e desvantagens, e ainda vou escrever um post sobre isso, prometo.

Tudo vai bem no seu dia, você chegou no horário, entregou aquele projeto no prazo, respondeu todos os seus emails e já está pronto pra começar uma nova tarefa quando alguém diz “Oi. Estamos com um problema na página tal: uma das colunas está desalinhada e quebrou o layout. Você pode resolver isso? É urgente.”.
Aí [...]

Todo mundo sabe que a concorrência entre blogs e sites é ferrenha e nessa guerra por visitas e pageviews até os pequenos detalhes podem fazer diferença. Por isso, quando sobra um tempinho, é sempre bom dar aquela revisada no código da sua página e tentar melhorá-la. Quando for fazer isso experimente usar o Website Grader, [...]

Se você usa internet há mais de 3 ou 4 anos, com certeza se lembra de quando ainda ‘existiam’ outros mecanismos de busca. Quando digo ‘exisitiam’, me refiro à época em que estes mecanismos ainda eram efetivamente usados e havia concorrência entre eles.
Hoje, o Google tem mais de 90% de share, e se analisarmos o [...]

Você faz o seu layout com todo cuidado, escreve o html totalmente web standards compliant e faz o CSS bem estruturado. Arruma cada detalhe e confere cada mudança no firefox e internet explorer 7. Pronto. Terminou. Perfeito. Agora só falta testar no internet explorer 6. Nooossa!…. Está tudo errado. Maldito ie6!!!

Infelizmente ainda tem muita gente usando Internet Explorer 6 por aí.
Nos grandes portais brasileiros, segundo as últimas pesquisas, esse número chega a perturbantes 40% dos usuários. Ou seja, o seu site precisa ser exibido corretamente no IE6. E seria fácil se o IE7 renderizasse o htm da mesma maneira, assim você faria seu código para o Firefox e precisaria de apenas um hack: que funcionasse no IE6 e IE7.

Resolvi fazer o download da versão beta do novo Dreamweaver CS4 pra ver o que a Adobe tinha feito pra melhorar o software.
Confesso que gostei bastante. Praticamente todas as novas features realmente ajudam a melhorar a o fluxo de trabalho, não são apenas pra inglês ver.
Mais Espaço
Uma das novidades que mais gostei foi a nova [...]

É exatamente isso que você está pensando! No PSD2CSS você faz o upload do seu layout no formato PSD [PhotoShop Document] e… voila! O site o converte automaticamente para HTM e CSS!!Ok, ok… o resultado não chega a ser perfeito. Todo o layout é montado com imagens, cada layer é transformada num arquivo PNG. Máscaras [...]