Category Archives: Web Design

[Internet] Internet Explorer tem menos de 50% do mercado de navegadores

O Internet Explorer sempre foi o navegador mais utilizado no mundo. Isso se deve (em grande parte) à instalação integrada a todos os sistemas operacionais Windows. Apenas a Europa é uma exceção a este monopólio, pois uma liminar da justiça mandou retirar a instalação integrada, dando a opção ao usuário de escolher o navegador já na primeira utilização. No mercado europeu, a participação do Internet Explorer é de apenas 40,26%. E no mundo, mesmo com o lançamento do Internet Explorer 9, o navegador da Microsoft perde mercado mês após mês, chegando à marca de 49,87% dos usuários. Continuar a ler

[Design] 10 Dicas para ser tornar uma freelancer

Trabalhar por conta própria traz liberdade, mas também preocupações. Dez experts ajudam você a ter um plano para enfrentar o desafio.

1° Seja Seletivo

Yan Sorgi

www.flickr.com/sebograficos

“Para quem escolhe trabalhar como freelancer, saber selecionar os melhores projetos é essencial, mesmo que para isso seja preciso dizer alguns “nãos”. Precisamos ter consciência de qual é o volume de trabalho que somos capazes de assumir sem comprometer a qualidade e o prazo final do serviço. Mais importante do que o trabalho é a fidelização dos clientes.” Continuar a ler

[Web Design] Como Montar um E-mail Marketing

Montar e-mail-marketing é um processo trabalhoso, você deve seguir uma série de regras, deixa de utilizar certas tags HTML e não abusar do CSS entre outros processos, neste post vão ver quais tarefas que você deve realizar para criar um e-mail marketing de qualidade.

O e-mail-marketing é algo que deve ser visualmente atrativo para o leitor, porém nem sempre você consegue aliar o design as regras de montagem, portanto tente criar um e-mail que atenda aos padrões visuais do cliente, mas sempre tente colocar como texto o que pode ser colocado como texto, pois quanto menos imagens tiverem o seu e-mail mais leve lê ficará. Não confunda as regras para criação de site com as regras para montagem de e-mail-marketing, pois CSS Tableless ainda não se encaixa no padrão de e-mails marketing, portanto tem que ser tudo em tabela, como nos tempos antigos.

Dica: Sempre fatie as imagens do seu e-mail em várias partes, pois um e-mail-marketing enviado como uma única imagem é considerada spam por alguns dos principais servidores de e-mail.

Dica: Suas imagens devem estar hospedadas na internet, não envie o e-mail com as imagens salva apenas no seu computador, pois muitos usuários não irão receber sua mensagem da maneira correta.

O uso do CSS

Você pode usar a tag “style” no head ou no body, mas não funciona em alguns dos principais servidores de e-mail (AOL MAC, Gmail e Hotmail), a melhor maneira de utilizar o CSS é com o método inline.

Propriedades CSS válidas para todos*:

  • Background-color:
  • Border;
  • Border-collapse;
  • Color;
  • Display, Float e Height (só não funciona no Outlook 07);
  • Font-family (não funciona no Gmail);
  • Font-size;
  • Font-style;
  • Font-weight;
  • Line height;
  • Table-layout;
  • Text-align;
  • Text-decoration;
  • Text-indent;
  • Text-transform;
  • Letter-spacing;
  • Padding;

* E-mails Testados (Yahoo Antigo/novo, Gmail Antigo/novo, Live Mail, Hotmail, AOL Web, MobileMe.) / (Outlook (2003 e 07), Windows Mail, Mac Mail, Entourage (2004, 2008), Thunder-bird 2, AOL (9, 10), Mac).

Estrutura HTML / CSS

Como construir um e-mail-marketing de qualidade e eficiente.

  • A estrutura deve ser em tabelas;
  • Utilizar as propriedades que todos os servidores de e-mail aceitem (ou pelo menos a maioria deles);
  • CSS inline;
  • Layout com largura fixa até 550px;
  • Sempre conter o link “Caso não esteja visualizando esta mensagem, Clique Aqui”.

HTML: tags que devemos evitar

Tags HTML que não devem ser utilizadas, por não serem suportadas por muitos clientes de e-mail:

  • DOCTYPE
  • HTML tag
  • BODY tag
  • Meta tags
  • Head tag
  • Base tag
  • Link tag
  • Script tag
  • Title tag
  • Applet tag
  • Frameset tag
  • Frame tag
  • IFrame tag
  • Comments

[SEO] Google lança e-book sobre SEO

Google lança apostila de SEO
Foi lançado, no blog do Google Webmasters Central, um e-book de SEO para iniciantes chamado Google Starter Guide. Através desta iniciativa, a equipe do Google espera que principiantes em SEO possam utilizar este guia como ponto de partida para aprenderem a otimizar e melhorar seus sites.
O e-book vem em formato PDF, contém 22 páginas e aborda os seguintes itens:
*  Títulos das páginas
*  Meta Description
*  Estrutura de URLs
*  Navegação
*  Criação de conteúdo de qualidade
*  Texto âncora (anchor text)
*  Heading Tags
*  Otimização de imagens
*  Robots.txt
*  Utilização de rel=”nofollow”
*  Webmaster Tools
*  Analytics
Faça o download aqui
Fonte:  SEOMASTER

[Web Design] 1000 Icones para Download

web-1000-icones-para-download

O site FatCow publicou um pacote de ícones de qualidade que podem ser usados para qualquer projeto.  O arquivo contém 1000 ícones que você pode baixar gratuitamente, desde que apenas inclua um link para o  Fatcows em seu site.

Link para download: www.fatcow.com/free-icons/fatcow-hosting-icons-1000.zip

Fonte: Último Click

[T.I] Cargos e Salários para os Profissionais da área de T.I

Confira uma tabela com os cargos e seus respectivos salários para profssionais da área de tecnologia da informação

Clique na Imagem para Ampliar

Fonte: Revista TI Digital, setembro de 2009, 7ª Edição.
Site: www.revistatidigital.com.br

[Web Design] Teste seu site em várias resoluções

web-design-site-old-stoneSe você desenvolve sites, deve ter um bom trabalho para testar como se comporta a sua estrutura em várias resoluções. Para isso existe o serviço ViewLikeUs, que permite carregar seu site em uma janela e mudar a sua resolução dinamicamente e ver se o seu site continua arrumado ou se a interface começa a se quebrar completamente.

Experimente o ViewLikeUs e veja se o seu site se dá bem em todo tipo de tela!

Fonte: http://www.guanabara.info