Top rated never dies - Top Rated é um blog sobre o mundo do design com dicas, tutoriais e inspiracao. Artigos sobre CSS, HTML, Photoshop. E claro, um pouco de bom humor

Muitas vezes, ao trabalhar com fotos, encontramos imagens que não oferecem a qualidade necessária para aquele projeto, seja porque estão danificadas, sem qualidade ou simplesmente por serem comuns demais, sem contraste ou dramaticidade suficientes para chamar atenção das pessoas. Bom, é pra isso que o Photoshop existe. Veja a seguir efeitos incrivelmente úteis para aprimorar suas fotos e deixá-las muito mais interessantes.

No capítulo anterior você usou seletores para selecionar os elementos html que queria manipular e então aplicou algumas funções à esses elementos. Essa maneira de escrever e criar seus comandos jQuery é muito comum e é usada em praticamente tudo o que você for criar daqui pra frente.

Usada por mais de 52% dos 10.000 sites mais visitados do mundo, jQuery é a biblioteca javascript mais popular do momento. Open source e com centenas de plugins disponíveis, tem ainda 3 outras características importantíssimas: é cross-browser, permite criar efeitos e comportamentos com muito pouco código e é otimizada ao extremo. Por isso e muito mais, se você ainda não utiliza jQuery em suas páginas está mais do que na hora de começar. Este é o primeiro post de uma série que pretende explicar bem basicamente o que é e como utilizar a jQuery no seu site.

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.