Este é um post para aquelas pessoas que estão começando a estudar web design e programação. O mais importante neste início é compreender de maneira clara os fundamentos da internet, pois eles serão a base de tudo o que virá pela frente. Entendê-los bem é fundamental para que possam se desenvolver e continuar aprendendo. Para começar vamos falar sobre o HTML, a linguagem predominante na web.

Veja como colocar o botão “+1″ do Google em suas páginas e dar a oportunidade para leitores, usuários e clientes recomendarem as suas páginas para os amigos e muitas outras pessoas através da melhora do seu ranking nas páginas de busca do próprio Google.

Jamie Wieck, designer do estúdio inglês Airside, escreveu há algum tempo um post muito interessante intitulado “The 50 Things Every Graphic Design Student Should Know” no qual compila algumas dicas essenciais para estudantes de design e, por que não, designers iniciantes. Algumas delas são óbvias, outras nem tanto, mas todas transmitem idéias de maneira simples e breve. São pensamentos que surgiram de conversas e discussões com outros profissionais e carregam uma sabedoria que pode-se levar algum tempo para acumular. Praticamente mantras.

Há alguns anos, ouvia uma palestra do meu chefe quando então ele disse a seguinte frase: “É preciso saber avaliar cada projeto, porque tudo é possível, mas nem tudo é viável”. Ok, a princípio soa como o maior clichê do mundo. Mas na verdade, essa frase resume um dos pontos críticos do gerenciamento de projetos, principalmente na web.

Um efeito bastante simples e útil que o CSS3 tornou possível é o text gradient: essencialmente a aplicação de um gradiente como preenchimento de texto, ao invés de uma única cor. Além de interessante visualmente (se bem utilizado claro), a técnica também pode servir para substituir o uso de algumas imagens, antes necessárias para conseguir este tipo de efeito. Vou mostrar aqui a melhor forma que conheço de utilizá-lo.

Os plugins disponibilizados pela Facebook Platform representam para desenvolvedores uma maneira simples e eficiente de integrar seus websites e projetos ao gigante das redes sociais. Além de gratuitos e bem documentados, todos eles são relativamente simples de usar e não requerem nenhum tipo de configuração especial em servidores ou páginas, o que contribuiu para que se tornassem muito comuns e presentes nos principais portais, blogs e sites mundo afora.

Antes bem mais raros e de concepção simples, os infográficos vêm ganhando cada vez mais espaço em sites de notícias, jornais e revistas online, além de se tornarem cada vez mais interativos e dinâmicos. Usuários também se acostumaram com eles e têm mostrado que gostam desse tipo de conteúdo. Basta olhar para o número de links e recomendações que alguns dos infográficos de maior sucesso têm alcançado em redes sociais como o Twitter e Facebook.

Há alguns dias encontrei a necessidade de criar um sistema que consistia em 2 instalações Wordpress independentes que deveriam compartilhar a mesma base de usuários, no caso a tabela wp_users (usando o prefixo default). Mesmo parecendo uma tarefa fácil, já que as duas instalações usam o mesmo sistema e estrutura de dados, não consegui sucesso nas primeiras tentativas, usando plugins ou alterando o código-fonte. Mas encontrei uma boa solução e acho interessante compartilhar aqui, em português.

Umas das principais habilidades necessárias a um bom designer ou diretor de arte é a de editar imagens e a partir delas criar novas cenas, idéias e conceitos. Para conseguir um bom resultado é necessário muito treino e dedicação, já que uma boa edição requer a aplicação de várias técnicas. Abaixo 40 ótimos tutoriais para você abrir seu Photoshop e começar a praticar agora mesmo.

Há alguns dias recebi uma sugestão para um novo post (sim, eu leio todas) bem interessante do Lucas: um tutorial de como criar um player de vídeo flash alimentado via XML. Resolvi então aceitar a sugestão, porém como já existem dezenas de bons exemplos de players por aí, vou fazer algo um pouco diferente e mostrar como criar um video player usando Flex. E acreditem é absurdamente fácil, rápido e simples.

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.