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.

Um dos caminhos mais interessantes a ser seguido para criar um logo que represente bem uma marca e ao mesmo tempo o seu negócio ou os seus valores é o de combinar elementos de tipografia e ilustração na mesma imagem. No entanto, esse tipo de composição não é nada fácil, requer muito estudo e vários rascunhos para se chegar a um resultado realmente profissional. Seguem aqui 20 bons exemplos dessas composições em logos, algumas delas tão sutis que podem passar despercebidas por muita gente.

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.

Começar a trabalhar com Photoshop é como entrar em mundo totalmente novo, cheio de painéis, ferramentas e novas possibilidades. Mas também pode ser traumático, já que algumas ferramentas e práticas importantes só são dominadas depois de algum tempo de experiência. Então escrevi aqui 3 dicas bem simples e valiosas pra quem está começando agora.

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.

Apesar de serem um dos recursos mais poderosos do Photoshop, as Actions são bem pouco utilizadas. Ao contrário do que muitos pensam, é extremamente fácil gravar e configurar Actions para as mais variadas tarefas, além disso, engana-se quem acha que não dá para utilizar Actions em trabalhos de criação ou ilustrações, já que existem Actions que adicionam efeitos e detalhes sutis e muito bacanas à imagens e elementos como botões, headers, etc.

Muito boa a apresentação do Andre Matarazzo da Gringo sobre best pratices para agências digitais. Tão boa que 90% do que está ali não se restringe apenas a pequenas agências como ele diz, mas deveria ser seguido por médias, grandes e até mesmo por outros setores que envolvam criação e tecnologia (startups, portais, produtoras).

Referências. A palavra chave e caminho mais curto para criar trabalhos interessantes e continuar sempre melhorando. Quanto mais filmes você ver, revistas você ler e cultura você consumir, mais artifícios você terá para usar criativamente. E não é preciso dizer que a Web facilita muito a busca por referências de qualidade. Seguem então 5 lugares espetaculares para buscar coisas novas:

Quem trabalha o dia todo em frente ao computador sabe que existem poucas coisas tão irritantes quanto uma máquina lenta. Designers e programadores em geral ainda tem a desvantagem de trabalhar com softwares que exigem o máximo de processadores e memória.
De longe o software de edição de imagens mais usado do mercado, o Photoshop é um dos que mais necessitam de boa configuração para um desempenho satisfatório. Veja aqui 3 dicas de como deixá-lo mais rápido e estável.