Quem nunca errou como webdesigner?
Seja por falta de experiência, atenção ou de café, todos nós já fizemos algo que não deu muito certo. Veja a seguir uma lista de 12 coisas que muitos ainda persistem em fazer:

1. Assumir que “se você construir, eles virão” – Mesmo se você conseguir fazer o site “perfeito” você ainda precisa fazer marketing deste projeto. Cada vez mais torna-se importante espalhar a palavra sobre seu site, seja no mundo online ou offline.

2. Misturar publicidade com conteúdo – Pode até aumentar seus cliques a curto prazo, mas quando os usuários acreditarem estar clicando em um link interno e descobrirem que você enganou eles, muitos não vão mais voltar.

3. Usar páginas de introdução – Por sorte, essa tendência tá diminuindo. Quem não se lembra de ter que clicar em um “Clique aqui para entrar” para acessar o site? Seja direto, rápido, objetivo.

4. Vídeos ou música – Se for para colocar vídeo ou música em seu site, não faça tocar automaticamente na hora que a pessoa acessar. Se o usuário quiser escutar sua música ou ver seu vídeo, ele vai escolher fazê-lo. É algo irritante e causa desconforto em quem deixou as caixas de som ligadas no escritório.

5. Não altere as funções do navegador – Não quebre os botões de voltar, avançar ou qualquer outro (como redimensionamento da janela). Algumas pessoas precisam destes botões (quem não possui teclado, por exemplo – entre estes grupos, deficientes físicos).

6. Não abra links em nova janela – Permita ao usuário escolher o destino dele. Se ele quiser voltar, ele irá. Não adianta prender uma pessoa no seu site.

7. Não sublinhe ou mude as cores do texto normal – Usuários identificam palavras sublinhadas e palavras com outras cores como links. Não confunda eles usando múltiplas cores no seu texto sem fim algum.

8. Seja consistente – Não faça com que cada página interna do seu site seja diferente. Isso inclui cor de texto, fundo, posicionamento de menu e design no geral.

9. Evite cores fortes e brilhantes – Faça com que a fonte seja fácil de ser lida com o fundo escolhido. Lembre-se de que só por que você consegue ler o texto rosa-choque no fundo amarelo-vivo, não quer dizer que todos conseguem.

10. Não force um registro se não for necessário – Não force os usuários a fornecerem seu e-mail quando não é absolutamente necessário. Ponto final.

11. Não desabilite o clique com botão direito do mouse – Muitos “webmasters” tentam evitar a cópia de seu texto com esses scripts que bloqueiam o uso do botão direito do mouse. Scripts assim são fáceis de serem desativados, então se alguém quiser copiar, ela irá. Sem contar que isso pode trazer alguns problemas para usuários que usam apenas o mouse para navegação.

12. Otimize o CSS e suas imagens – Otimizando a folha de estilos e imagens vai garantir um tempo menor de download e ocupará menos transferência mensal, te salvando muito dinheiro.

E aí, alguém se identifica com um dos ítens acima? Fiquem à vontade e comentem seus erros.

Texto original aqui.

Nada pior do que sentarmos em frente ao computador e nada vir a mente não é mesmo?
A falta de criatividade e de inspiração é um verdadeiro pesadelo para muitos designers e webdesigners.
Sendo assim, veja 10 dicas para exercitar a criatividade e se manter inspirado:

1.) Observe
Um dos passos importantes para desenvolver a criatividade é observar. Observar tudo e todos. Observe os detalhes das coisas que te rodeiam, as características das pessoas em sua volta.
Quando estiver conversando, preste atenção no que e como a pessoa fala.

2.) Analise
Quando se deparar com uma vitrine, uma embalagem de algum produto ou um comercial de TV, analise as características. Depois pense em o que você faria de diferente para mudar aquilo que analisou, seja para dar um aspecto mais interessante, para “despoluir” o visual, ou mesmo para chamar mais atenção do público-alvo.

3.) Ouça música
Ouvir uma boa música pode ser a chave para se ter uma boa ideia. Preste atenção em cada acorde de violão, em cada batida da bateria.
Analise a letra, as rimas, o sentido de uma determinada frase. Muitas vezes aquela música que você cansou de ouvir assume um outro significado quando analisada mais de perto.

4.) Assista filmes
Não apenas assista, mas perceba os detalhes envolvidos em cada filme.
A iluminação, a fotografia, a trilha sonora, os efeitos especiais.
Há uma infinidade de elementos que estão presentes nos filmes e que muitas vezes passam despercebidos quando só prestamos atenção na história.

5.) Durma bem
Ninguém é de aço. Precisamos descansar para recarregarmos as baterias.
Por isso uma boa noite de sono é de muita importância para quem trabalha com projetos que envolvam a criatividade.
Estar com a cabeça fresca e descansada é crucial no desenvolvimento de uma ideia.

6.) Leia e escreva muito
Seja na internet, livros ou revistas, leia. Mas leia muito.
Tente se manter atualizado com o que acontece no mundo. Evite o “crl+c ctrl+v” quando for mandar um e-mail. Escreva para aquele amigo que não vê a tempos. Escreva para sua namorada, para sua mãe, para seu cachorro.

7.) Use a internet a seu favor
Ao mesmo tempo em que a internet é uma benção, ela pode se tornar uma maldição se a usarmos sem critério. Use com qualidade o tempo em que passa na frente do comuptador. Sites de humor são legais, mas não se permita passar a tarde inteira lendo piadas.

8.) Organize suas coisas
Organize a mesa de trabalho de uma forma em que não perca tempo procurando coisas importantes. Tenha sempre em vista folhas de rascunho e um lápis ou caneta.
Se algo que não usa está ocupando espaço na sua mesa, simplesmente guarde em um outro lugar.
O mesmo vale para as pastas e documentos no computador. Organize os conteúdos por pastas, divida seu HD, limpe arquivos desnecessarios.

9.) Não force a barra
Trabalhar até altas horas da madrugada pode ser às vezes necessário mas com certeza não é a melhor escolha. A não ser que durma à tarde e ache melhor trabalhar à noite.
Caso precise ficar até mais tarde trabalhando em um projeto atrasado, já imagine estratégias para evitar essa situação.

10.) Tenha paixão pelo que faz
Um bom webdesigner/designer gosta daquilo que faz. Muitas vezes trata seus projetos como filhos, mostrando-os para parentes e amigos. Nada mais recompensador do que ver um projeto finalizado depois de um bom tempo de esforço e dedicação.

Adicionar a empresa no Google Maps é muitas vezes uma estratégia que passa em branco para muitos webmasters. Mas esse é um passo importante, pois milhões de pessoas fazem pesquisas no serviço de mapas do Google. Quem sabe um cliente em potencial não encontre sua empresa (ou a do cliente) por meio desse serviço?

A inserção é muito simples:

1.)Em primeiro lugar, acesse o Business Center do Google Maps.
2.)Use seu login e senha do gmail para acessar a conta. Caso não tenha uma conta no Google, faça uma.
3.)Logo após, aparecerão alguns formulários. Não há nada de complicado no preenchimento deles. Apenas leia com atenção e insira os dados necessários.
4.)Por fim, o Google requer uma forma de contato para fazer a confirmação da inclusão do seu cadastro (por SMS, por telefone ou cartão postal).
5.)Após escolher a opção desejada, aguarde o contato do Google.

Pronto. Assim que a empresa for inserida no serviço Maps do Google, as chances de alguém achá-la aumentarão bastante.

Veja um exemplo de uma busca que inclui resultados no Maps:
Termo buscado: pizzaria em sao paulo

Via brasilseo.com.br
Até a próxima!

Agora não é mais preciso ficar batendo cabeça para fazer aqueles boxes com cantos arredondados inserindo imagens nos cantos (um saco), agora o CSS3 veio pra facilitar nossa vidas com a propriedade border-radius. Só tem um pequeno problema, essa propriedade não é suportada pelo navegador Opera nem pelo IE, esse último não é novidade , mas é suportada pelo Firefox e o Safari.

Para entender como funciona, acesse o tutorial completo do site CSS Orbit, onde você encontrará excelentes dicas sobre CSS e muito mais!

Creio que muitos que trabalham com webdesign já estão familiarizados com CSS, e que tal assunto é “mamão com açúcar”.
Porém, para aqueles que ainda estão em fase de aprendizado, eis aqui uma lição bem simples sobre efeito CSS em links.

Resumo do tutorial:

Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS.

Sintaxe

A sintaxe das pseudo classes:

seletor:pseudo classe {propriedade: valor}

As classes em CSS podem também ser usadas com pseudo classes.

Esta regra permite que você defina diferentes efeitos para links localizados em diferentes lugares em uma mesma página.

seletor.class:pseudo-class {propriedade: valor}

Os “seletores:pseudo classe” de links

São quatro as pseudo classes dos links:

1. a:link – define o estilo do link no estado inicial;
2. a:visited – define o estilo do link visitado;
3. a:hover – define o estilo do link quando passa-se o mouse sobre ele;
4. a:active – define o estilo do link ativo (o que foi “clicado”).

Isso é apenas uma parte do tutorial do site maujor.com, que conta com diversos assuntos sobre CSS.
Se deseja ir mais a fundo no assunto e descobrir como adicionar sublinhado e sobrelinhado, acresentar fundo, e outros efeitos em links, acesse o tutorial completo.

Na hora de redimensionar imagens muitos usam os recursos que o próprio photoshop oferece.
Mas o que fazer quando se tem muitas imagens? Abir uma a uma e redimensionar manualmente? Não.

Fica aqui uma dica para quem se depara com esse problema: o programa Easy Thumbnails.

Leve e simples de usar, o programa quebra um baita galho na hora de cortar suas imagens num tamanho predefinido.
Para baixar, acesse o link abaixo:

http://www.baixaki.com.br/download/easy-thumbnails.htm

Temos recebido por meio do orkut alguns pedidos para matérias sobre CSS.
Já que quem manda nesse blog são vocês, aqui começa uma série de dicas e tutoriais, pois muitos ainda nem sabem o que significa o termo Tableless.

Sendo assim, hoje falaremos da propriedade float do CSS.

“A propriedade float é a propriedade responsável por “administrar” a diagramação do site. É com ela que você irá organizar as caixas e deixá-las exatamente onde devem ficar. A propriedade float dá mais consistência ao Layout. Diferentemente da propriedade position, que pode trazer uma série de inflexibilidades, deixando o layout mais engessado.”
Fonte: www.tableless.com.br

Para assistir uma vídeo aula de como usar essa propriedade, acesse o endreço www.tableless.com.br/propriedade-float-do-css
Aliás, o site tableless.com.br apresenta várias dicas para quem está começando a entrar para a turma dos “sem tabela”.

Espero que tenham gostado. Não se esqueçam de comentar esse post.
Até a próxima.

Quem busca emprego na área de design sabe muito bem que um portfolio bem montado pode fazer a diferença.
Existem muitos sites que oferecem gratuitamente esse serviço, mas vou me limitar a apenas dois:

Ah, o trabalho… nada mais revigorante como acordar cedo, tomar chuva, pegar ônibus, trem, metrô, chegar atrasado no escritório, levar bronca, se estressar com clientes e só voltar à noite pra casa, mais cansado do que motor de carro velho, não é verdade?

Brincadeiras à parte, muitos profissionais de design hoje em dia encontram-se desempregados, seja pela falta de experiência, conhecimentos, sorte ou um pouco de cada coisa.
Nessa matéria, listei quatro serviços na web que ajudarão aqueles que procuram um trabalho.

Se você procura expandir seus conhecimentos photoshópicos, eis aqui uma grande dica: psd.tutsplus.com.

O site contém dezenas de tutoriais bem legais (rimou).
O único porém é o conteúdo, totalmente em inglês. Mas dá pra entender tranquilamente, pois os tutoriais são bem ilustrados.