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.

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.

E aí galera, passaram bem o feriadão?

Retomando nossas atividades, falaremos hoje de algo que todo webdesigner e pricipalmente designers gráficos convivem diariamente: as cores.
Infelizmente vemos muitos trabalhos que extrapolam no colorido ou pecam demais nos tons de cinza.
Seja como for, o importante é encontrar um equilíbrio que se  encaixe no contexto do projeto realizado.

Para isso, temos um site muito interessante, que com certeza servirá de muita ajuda. É o ColourLovers.com.
Nele, você poderá encontrar várias paletas de cores e suas respectivas combinações.

Acesse já: www.colourlovers.com

1. Não salvar um arquivo

Essa mata de raiva qualquer um. Você está lá, trabalhando há horas num projeto e na hora de fechar, esquece de salvar o bendito. O mesmo se dá quando acaba a luz ou dá pane no computador, e você se dá conta que não tem nenhum mísero backup. Mas acontece…

2. Subir um arquivo errado

No meio de uma tarde aparentemente tranqüila, eis que surge a ligação de um cliente, que reclama que tem outro site no lugar do dele. Quando você vai conferir, percebe a burrada. Subiu os arquivos de um outro cliente no servidor errado.

3. Usar o tempo de upload para relaxar

Como webdesigner também é gente, nada mais justo que tirar alguns minutos da corrida rotina para relaxar um pouco. E nada mais conveniente do que usar o tempo de upload dos arquivos para fazer isso. Acho que isso todo mundo já fez né?

4. Ter que fazer tudo de novo

Essa é clássica. O site está quase pronto, faltando apenas alguns detalhes. Mas o cliente de um dia para o outro decide mudar a estrutura do site, para ficar parecido com o de seu concorrente. Mesmo tentando persuadi-lo do contrário, não há escapatória: ele está decidido. Nessas horas você tem apenas duas escolhas: cobrar novamente pelo serviço, correndo o risco de perder o cliente, ou abaixar a cabeça, respirar fundo e fazer tudo de novo.

5. Ter um ou mais projetos descartados

Faz parte da vida de qualquer um webdesigner. Digo por experiência própria, pois certa vez um cliente pediu a reestruturação do logotipo. Fiz dois conceitos de logotipo, e mandei para ele. No dia seguinte fui informado que ele havia gostado de um, e seu sócio do outro. Depois de discutirem, resolveram não mudar nada, ficaram com o antigo mesmo. Pelo menos eu aprendi uma lição: só mande a segunda opção se ela realmente for solicitada.

6. Falta de criatividade

A criatividade é o combustível do webdesigner. Mas haverá dias em que por mais que você pense, a idéia não vai sair. Quando isso acontecer, nada de tentar fazer as coisas de qualquer jeito. Tente relaxar, respirar fundo, e visitar alguns sites que possam servir de inspiração. Se mesmo assim a criatividade não vir, vá para a casa e volte outro dia.

7. Ser vítima do “sobrinho”

Ah, os sobrinhos… Quem, ao perguntar para o cliente se poderia fechar o contrato do projeto, não ouviu a seguinte frase:
- “Então, meu sobrinho ta fazendo curso disso, ele vai fazer o site pra mim ta? Mas eu vou guardar seu contato…”

* Sobrinhos às vezes podem assumir a forma de amigos, irmãos, tios, vizinhos, etc.

8. Perder um arquivo

Você tem certeza que salvou o bendito em algum lugar, mas mesmo usando o “pesquisar” do windows, não consegue encontrá-lo. É realmente um mistério.

9. Cobrar menos do que deveria

Na ansiedade de fechar um projeto com um cliente você chuta um valor abaixo do mercado e depois se dá conta da burrice que fez. Muitas vezes você acaba pagando pelo projeto que faz, simplesmente por não calcular direito o que estaria envolvido no desenvolvimento do mesmo. Portanto, cuidado.

10. Sofrer com a falta de internet

Pode faltar água, mas internet não. Mas às vezes a dona NET, dona Speedy ou qualquer outra “dona” vai te deixar na mão. E isso costuma acontecer justo no dia limite para subir os arquivos do cliente. Nesse caso, nem há muito o que fazer, além de esperar e adiantar o que se dá pra fazer off-line.

Caso você deseje nos contar algo que aocnteceu com você, fique à vontade para comentar esse post.

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.

Ter seu site nas melhores posições dos melhores buscadores da web é o sonho de qualquer webdesigner. Porém, ainda alguns que trabalham na área desconhecem a “forcinha” que esses buscadores dão, na hora de indexação do site.
Atente-se à essas dicas que te ajudarão a visitar a tão sonhada posição relevante:

Como adicionar meu site no google?
Já ouviu falar de google webmasters tool? Se nem sabe o que é isso, deixe-me explicar:
Trata-se de um pacotão de ferramentas que te ajudarão na administração do site. Como a ferramenta é bem intuitiva, veja você mesmo como funciona:

http://www.google.com.br/webmasters/

Como adicionar meu site no yahoo?
Semelhante ao google webmasters tool, o yahoo também oferece um serviço de auxílio à indexação do site.
É o yahoo site explorer. Vale a pena visitar:

http://siteexplorer.search.yahoo.com/br/

Como adicionar meu site no bing?
O caçula dos buscadores não poderia ficar de fora. Nele, há também o serviço de ajuda ao webmaster. É o Bing Webmaster Center.
Para entrar, é preciso do passaporte windows live. Confiram:

http://www.bing.com/webmaster/

Agora que você já conhece esses três serviços, desejo-lhe uma boa posição nos buscadores.
Até a próxima.

Você conferiu aqui um site super útil para testar a compatibilidade do seu site em diversos navegadores.
Descobri recentemente um outro serviço semelhante. É o Adobe BrowserLab.

O princípio é o mesmo. Você digita a URL do site desejado e confere a visualização em vários navegadores. Mas, antes de tudo, é preciso se cadastrar no site da Adobe. Para isso, basta acessar esse link.

Depois do cadastro, divirta-se com mais um serviço facilitador de vidas.

O link é esse aqui ó:
https://browserlab.adobe.com/

Um grande problemas para webdesigners é ter de checar seu site em diversos browsers, para ver se não ficou nada fora do lugar. E geralmente fica… não é á toa que o IE6 é uma pedra no caminho de muitos “fazedores de sites”.

O site fivesecondtest.com apresenta uma proposta bem interessante e útil para webdesigners.
Trata-se do teste dos cinco segundos.