No dia a dia de quem desenvolve páginas, sites e aplicativos baseados na web, a correção de pequenos problemas relacionados ao CSS é algo constante. Se você trabalha em uma agência digital ou administrando um portal também deve conviver com esse tipo de necessidade. Neste vídeo tutorial, o primeiro do blog, vou mostrar como você pode usar a extensão Firebug do Firefox para acelerar e aprimorar o processo de correção desses problemas.
Não foi à toa que o jQuery se firmou como uma das melhores bibliotecas javascript disponíveis. Além de levar o desenvolvimento cross-browser a sério e ser muito fácil de usar, o jQuery tem uma enorme quantidade de plugins. Nesse post vou mostrar como você pode usá-lo para adicionar facilmente um efeito de Fade sutil e elegante aos seus botões.
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.
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 cor diferente e configurar o background no CSS. Bem, agora você deve estar se perguntando: Ok, se é tão fácil, então pra que eu preciso de um função javascript pra fazer isso?
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.
Acredite, mesmo parecendo improvável, em algum momento você precisará de um hack para o Firefox, seja por necessitar de uma correção urgente ou por conta de diferenças entre as versões do próprio navegador. Então separei aqui 3 soluções que podem ajudar bastante.
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.
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.”.
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.
É 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 [...]
