HTML 5

Jan 12
2010

http://html5doctor.com/

Se você está pensando em criar sites com a nova HTML 5, não deixe de visitar o site acima. Não esqueça que ainda nem todos os navegadores estão preparados, mas você já pode fazer sites experimentais com a nova linguagem.

Artigo sobre YUI no iMasters

Jul 10
2009

YUI (Yahoo! User Interface Library) é uma biblioteca javascript para construção de aplicações ricas na web.

Confira o artigo do iMasters sobre o assunto:

YUI – por onde começar?

Artigo sobre teste de usabilidade

Jul 02
2009

Porque fazer um teste de usabilidade
Não é caro e nem demorado. E os resultados apontam caminhos a seguir no campo da estratégia e prioridades para os próximos passos nas manutenções evolutivas.
Leia o artigo completo na fonte:
http://webinsider.uol.com.br/index.php/2009/06/04/porque-fazer-um-teste-de-usabilidade/

Esmolando no mercado dos serviços

Jun 23
2009

Quando alguém dá um preço para uma mercadoria física, geralmente não existe discussão. No máximo desconto por pagar à vista.

No mundo da publicidade e propaganda, do design e da informática, o apelo pelos preços chega a parecer ridículo.

“Me mostra o trabalho primeiro e se eu gostar eu pago.”

“Vamos ver o trabalho de 3 concorrentes e vamos escolher o melhor.”

“Você faz esse de graça, mas no próximo mês terão mais trabalhos. É bom para o seu portfólio.”

Cansei de ouvir essas frases para sites que eu fazia. Caí umas duas vezes nesta história, logo no início. Hoje não me pegam mais, trabalho só com contrato assinado e primeira parcela paga.

O vídeo abaixo resume o ridículo da situação:

SEO (Search Engine Optimization)

Jun 08
2009

Monetize

Serviços de SEO da Monetize são processos que permitem a melhoria de fatores internos e externos de sites perante a expectativa dos mecanismos de busca, resultando, no longo prazo, em aumento de visibilidade e visitas recebidas a partir dos buscadores.

Ferramentas SEO

http://www.monetize.com.br/ferramenta-seo.html

Basta preencher um cadastro e ter seu site analisado. A ferramenta irá percorrer sua página, analisá-la e pontuá-la de acordo com alguns fatores que influenciam a sua posição nos rankings dos mecanismos de busca.

Lorem Ipsum

Jun 03
2009

O que fazer quando precisamos montar um layout e o cliente ainda não enviou o texto?

no no no no no no no no
no no no no no no no no
no no no no no no no no

Encher o espaço de no no no no não é o mais indicado, pois é um texto que não imita um texto real. Um texto real tem espaçamento diferente entre as letras. Mas para evitar problemas, não é indicado colocar um texto em alguma língua conhecida.

Um texto em outra língua (mesmo que falsa) pode ser a melhor solução.

O Lorem Ipsum é texto que vem sendo usado na indústria tipográfica e de impressão desde o ano de 1500. Foi popularizado nos anos 60 com a disponibilização das folhas de Letraset, que continham passagens com Lorem Ipsum. Alguns programas de edição de página já possuem trechos do texto, como o Adobe InDesign.

Para quem não usa um software que já tenha o Lorem Ipsum integrado, pode usar o site http://www.lipsum.com/ ou na versão em português de Portugal: http://pt.lipsum.com/

Primeiro tem um texto com a explicação sobre o Lorem Ipsum. Mas aibaxo tem um botão “Gerar Lorem Ipsum”. Clique nele e copie o texto que aparecer e cole no seu trabalho.

Lorem Ipsum

Em geral, o cliente não vai prestar atenção no texto, e sim no layout. Se ele perguntar, você explica.

Só lembre de trocar para o texto oficial quando o site for para o ar.

Em 2006 minha mãe me chamou para ver o computador dela, bem preocupada. Ela tinha acessado o site da Caixa e encontrou umas palavras estranhas e ela achou que podia ser vírus.

Quando eu vi o site eu entendi. Expliquei para ela o que é Lorem Ipsum e aproveitei para tirar um screenshot do site.

lipsum

CSS Type Set

May 28
2009

csstypeset

Neste site você monta o seu texto, escolhe a fonte, a cor entre outras propriedades de texto e na janela ao lado, va se gerando automaticamente o código CSS para você copiar e colar no seu site.

Digite o seu texto:

csstypeset2

Formate com as ferramentas abaixo:

csstypeset4

E veja o CSS se formar no quadro da direita:

csstypeset3

http://csstypeset.com/

CSS sem hacks

May 27
2009

Descobri um site na Internet que tem layout feitos com CSS que funcionam na maioria dos navegadores e não precisam de hacks ou truques.

Estou trabalhando em uma tradução, mas por enquanto segue o link para quem lê em inglês:

Perfect multi-column CSS liquid layouts – iPhone compatible

Gerador de Menu CSS

May 08
2009

Um aluno meu enviou o link abaixo:

http://www.cssmenumaker.com/

Tem menus para todos os gostos.

css menu generator

O site é em inglês, mas o processo é simples:

cssmenugenerator1

1. Pesquise na galeria de Menus em CSS prontos e encontre o mais apropriado.

cssmenugenerator2

2. Faça as personalizações necessárias.

cssmenugenerator3

3. Faça o download do HTML, CSS e imagens necessárias em um só pacote.

Simples e gratuito!

Ferramentas que ajudam a combinar as cores do seu site

Apr 27
2009

Umas das dificuldades dos programadores é encontrar um conjunto de cores que combinam para fazer o layout do seu site ou sistema.

Parece que designers já nasceram com essa habilidade! Já que a combinação de cores tem como base regras matemáticas, existem vários sites que ajudam a gente a escolher um conjunto de cores para usar.

Estes são meus preferidos:

http://colorblender.com/
http://kuler.adobe.com/
http://wellstyled.com/tools/colorscheme2/

Color Blender

Inicialmente você tem todos os quadrinhos na cor preta.

Color Blender 01 - tudo preto

Você precisa mexer nas barrinhas RGB para dar cor ao seu projeto.

Color Blend 02 - Selecionando RGB

Após escolher a combinação perfeita, você tem acesso às cores tanto no formato hexadecimal (já pronto para a sua folha de estilos CSS) quanto no formato RGB.

Color Blender 03 - Código da cor