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.

Continuando o post sobre como criar gráficos usando a Google Chart API , vou mostrar aqui como criar gráficos de barras e como customizá-los para o seu site, alterando cores, escalas, tamanho e algumas outras opções.

Hoje em dia é cada vez mais comum encontrarmos QrCode espalhados pelos mais variados cantos: anúncios de revistas e jornais, outdoors e até uma vaca da Cow Parade SP. Pois bem, aqui vai uma maneira absurdamente fácil e rápida para criar um QrCode para usar onde você quiser, com o link da sua empresa, seu email ou até mesmo alguma senha ou frase.

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.

Gráficos são sempre necessários na hora em que precisamos apresentar dados, seja em apresentações, relatórios ou artigos. Na web não é diferente, muitas vezes precisamos usar gráficos para complementar um post, uma notícia e até mesmo uma promoção ou anúncio. Pois o Google, sempre de olho nas necessidades dos desenvolvedores, criou uma ferramenta simples, grátis e rápida para criação de gráficos que você pode começar a utilizar agora mesmo no seu site. Nesse post vou mostrar como usá-la.

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.

Aqui vai uma boa idéia para quem gostaria de disponibilizar seus artigos, textos e páginas em outros idiomas mas não quer ter que criar uma outra versão do seu site para isso. O Google disponibiliza uma API do seu sistema de tradução que usa apenas JavaScript e é extremamente fácil de usar em qualquer página. A seguir um exemplo de como utilizá-la.

São inúmeras as situações em que um site ou blog precisa de uma galeria de fotos e nem sempre é possível encontrar uma solução prática e rápida para isso. A maioria dos sistemas de galeria de fotos necessita de edições no código fonte, configuração de frameworks javascript ou instalação de mega painéis de controle que são verdadeiros exageiros quando tudo o que se quer é apenas exibir 20, 30 fotos de maneira simples e rápida. Segue então uma solução extremamente simples e rápida que usa apenas 1 arquivo (isso mesmo, 1 arquivo) PHP.

Hoje em dia a integração com redes sociais é importante para qualquer site, não apenas por ser uma boa fonte de tráfego mas também por criar uma forma de interatividade com os leitores. E uma maneira interessante de fazer isso é através do botão “Curtir” do Facebook. Com configuração simples e rápida, o botão possibilita que qualquer usuário que tenha uma conta no Facebook recomende sua página para outras pessoas.

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.

Perfeitos para destacar imagens e por isso muito utilizados por fotógrafos em seus sites e portfolios, backgrounds com cores escuras podem também ser uma boa solução quando a idéia é chamar a atenção do usuário. Aqui vão alguns bons exemplos de layouts que utilizam, e muito bem, essa arma.

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.