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.
Existem muitas boas opções de editores de código para quem trabalha desenvolvendo para web, cada um tem o seu preferido e o defende com unhas e dentes. Dentre eles, um dos mais populares é o Dreamweaver, que eu uso há alguns anos e sempre me atendeu muito bem. Eu não trabalho no modo “layout”, pois gosto de ter controle sobre cada linha do meu código. O Dreamweaver me permite isso e ainda fornece algumas boas ferramentas para me ajudar. Para aqueles que como eu usam o Dreamweaver para escrever seu código, aqui vão 3 boas idéias que podem melhorar ainda mais a sua experiência.
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.
Um dos fatores mais importantes na otimização de um site é a sua rapidez no momento de exibir as informações para o usuário, ou como chamamos, o seu tempo de carregamento (load time). Esse tempo está diretamente ligado ao peso (ou tamanho: 10kb, 50kb, etc.) de cada elemento (html, imagens, flash, javascript) usado na página. A soma de todos eles indica o seu peso total.
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.
Estas são dicas simples que podem fazer muita diferença. Todas elas vieram da observação dos resultados na otimização de sites visando um melhor posicionamento no Google e podem ser encontradas em vários sites e blogs sobre SEO. Experimente aplicá-las, é quase certo que seu tráfego irá melhorar
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 [...]
