mai 20

Homer CSSimpsons

Bonito de se ver, Design, Geral, Imagem do dia, Validação, Web Design Sem Comentários... Por enquanto... »

Encontrei em um Blog ( Román Cortés ), um Homer Simpsons feito totalmente em CSS, usando Div’s!!! O Homer funciona perfeitamente nos navegadores:

• Internet Explorer 5.5, 6 e 7
• Opera 9
• Firefox 2
• Safari 3

Veja abaixo. Esse cara não tem mais nada o que fazer para criar esse monte de Div’s!

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
-



Veja o código CSS.

mar 28

11 dicas para trabalhar com CSS

Design, Geral, Tecnologia, Validação, Web Design Sem Comentários... Por enquanto... »

Não importa se você é um iniciante na área ou já desenvolveu vários sites: a essa altura, você já está cansado de saber que as folhas de estilo externas são obrigatórias em qualquer projeto. Porém algumas dicas simples são sempre úteis para facilitar nosso trabalho. Veja onze delas a seguir:

1. div1 é diferente de menu

Evite dar nomes como div1, div2, div3 aos seus elementos. Eles não explicam nada e na hora da manutenção vão tornar seu trabalho mais lento. Da mesma maneira, barra_azul não faz muito sentido: e se você mudar a cor do site? Prefira nomes explicativos, como menu ou barra_links.

2. Maiúsculas e minúsculas

Nomes de elementos fazem diferença entre letras maiúsculas e minúsculas: BarraLinks é diferente de barralinks. Preste atenção na hora de usar seu elemento no HTML.

Continue lendo…. »

fev 27

Usabilidade no site da Globo.com

Design, Geral, Tecnologia, Top sites, Validação, Web Design Sem Comentários... Por enquanto... »

Apresentação dos resultados de teste de usabilidade de 4 modelos de menus de navegação para o Site do GloboEsporte.com.

Trabalho apresentado no EBAI 2007. Os caras mandam muito bem!




Algum dia eis de trabalhar com eles…

fev 22

Como organizar seus arquivos e código fonte

Design, Geral, Validação, Web Design, Web Marketing 2 Comentários! Ao infinito e além! »

Antes de tudo, o mais importante para você criar páginas profissionais é ter consciência que o código, embora fique oculto sob os olhos do internauta convencional, é extremamente importante para futuras manutenções. Se você é o webdesigner ou webmaster de um site e será responsável por atualizá-lo no futuro, irá preferir fazer manutenções de forma rápida e simples e para isso basta você criar sua própria organização.

Com uma organização bem definida, você encontrará os trechos que deseja alterar mais facilmente. Mas não é apenas organizar o código que vale, importante também organizar seus arquivos em pastas, padronizar o nome, etc. Veja algumas dicas de arquivos e códigos abaixo:

• Use nomes de arquivos em minúsculo: dizem que escrever tudo em maiúsculo na Internet indica “gritar”. Porque então não aplicamos também isto aos nomes dos arquivos? Além de ser uma padronização, garante compatibilidades: servidores Unix ou Linux são “caso sensitivo”, ou seja, o arquivo Index.htm é diferente de index.htm e se for linkado erroneamente, irá dar erro de “página não encontrada”. Claro, não apenas para arquivos HTML: GIF, JPG, ASP, SWF, MP3, tudo coloque sempre em minúsculo;

Continue lendo…. »