Web standard é o nome dado a uma recomendação do W3C, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos.

Anteriormente um website teria que ser produzido pelo web designer imaginando ter que fazer uma versão para o Internet Explorer (até a versão 6), que até então incompatível com os padrões determinados pelo W3C, outra versão para outros navegadores que seguem os padrões e outras tecnologias como a já extinta tecnologia WAP que fazia com que um website para ser acessível necessitaria de pelo menos três versões diferentes, para suas diferentes padronizações.

A programação em XHTML – CSS resolveu este problemas de compatibilidade e é hoje uma tendencia mundial. Estimasse que dentro de alguns anos todos os site sigam esta padronização pelo simples fato da compatibilidade, uma página escrita em XHTML – CSS abre em qualquer dispositivo que tenha suporte a padrões web, leitores de tela, celulares, é possível navegar em seu website como se estivesse em seu escritório sentado em frente ao seu desktop.

O segredo de toda essa compatibilidade é extremamente simples, os padrões da recomendação do W3C, simplesmente colocam a utilização da linguagem de marcação HTML como ela foi designada para ser utilizada, na evolução de páginas da web, contínua e sempre buscando o melhor layout, os web designers teriam que produzir sempre algo novo e aproveitando se de qualquer elemento e de todas as suas funções para interfaces mais complexas e atraentes. Neste cenário, foram utilizadas diversas formas para que o cliente estivesse sempre satisfeito, mesmo que a utilização de comandos de marcação da linguagem HTML não estivessem sendo usados da forma correta, por exemplo para se construir um layout com três colunas, navegação, corpo da página e links patrocinados, era utilizado uma tabela geral dividida em três colunas, dentro de cada célula dessas três colunas eram colocadas outras tabelas para dividir as secções e assim se chegava a um layout aceitável, no entanto neste modo de construção todo o layout fica no mesmo arquivo do conteúdo transformando o código fonte de uma simples página num monstro, literalmente, claro além do que transforma cada mudança num sacrifício elevando valores para manutenção a níveis incabíveis a internet de hoje. Se você quiser mudar a cor de determinados títulos dependendo da quantidade de texto que você tem essa mudança poderia levar semanas.

Neste ponto a conclusão foi de que a padronização foi como um adolescente se tornar um jovem, mais saudável e muito menos impulsivo.

Separação conteúdo / design

O que muda imediatamente a performance de seu website, conforme foi dito anteriormente no exemplo das tabelas seu código fonte fica gigante leva muito mais tempo para ser processado carrega aos poucos e ainda trás diversos problemas com relação a indexação de seu websites em mecanismos de buscas, SEO.

Agora dentro do web standards seu website terá algumas divisões conforme segue a tabela abaixo:

Conteúdo – Informação do seu Website	Visual – Layout – Aparência	Funções – Interação como usuário
XHTML	CSS	Javascript – AJAX

Todos os arquivos externos como .css (visual) e .js (funções) ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo drasticamente o tempo de carregamento.

O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site.

Menor utilização de banda de sua hospedagem – se você opta por um website feito com tabelas e tabelas dentro de tabelas, provavelmente quando você começar a verificar seu uso de banda de sua hospedagem ira perceber duas coisas a primeira é que você mesmo só para ver e testar seu website já está utilizando banda acima do normal, quando poderia estar utilizando toda essa banda em facilidades ao seu cliente, como formulários inteligentes, navegação intuitiva, validação de campos e outra descobrir que existem muito mais conexões lentas a internet do que você julgava e de que se seu website demorar mais de 20s para abrir você terá uma perca de publico de aproximadamente 50% de visitantes novos.

Como hoje a informação é tratada de forma semântica pelos buscadores (Google, Yahoo, Bing) ter resultados melhores em buscas pelo conteúdo desejado, anexando cada vez mais e em melhores condições páginas feitas no XHTML – CSS – JS. Leia mais em SEO

Por isso não é mesmo uma boa ideia:

“ eu tenho um filho do primo de segundo grau da minha mulher que faz isso, ele ainda está no ensino médio, mais tenho certeza de que vai ficar bonitinho ”

E segundo o Wikipedia:

O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas.

]]> http://biras.com.br/2010/01/web-standards/feed/ 0 http://biras.com.br/2010/01/ser-designer-e/ http://biras.com.br/2010/01/ser-designer-e/#comments Sun, 03 Jan 2010 14:12:03 +0000 biras http://www.biras.com.br/wordpress/?p=415 Encontrei este texto de autoria do Canha, navegando pela internet, mais especificamente por um post do twitter, e o que mais me chamou a atenção foi a fidelidade como ele descreve a função, claro que na parte gráfica não posso dizer muita coisa, mais quanto ao restante, tem diversas ações automáticas que já estamos abituados pela rotina em que parei e pensei, pô isso necessita de ser republicado e twitado diversas vezes pois trata se de uma realidade expressa de maneira clara, como poucas. Parabéns ao Canha, grande sacada, claro que a intenção é divertir mais apresento um outro lado, se você designer ou webdesigner parar para pensar por um momento e analizar sua rotina, ações inconsciêntes perceber, ver que é tudo verdade.

Fonte: Design Blog

• ter o despertador avisar a hora de ir dormir, e não a hora de acordar;
• ter uma diéta a base de café, Coca-Cola e RedBull;
• ter fones de ouvidos quase implantados na sua cabeça;
• tomar café da manhã, almoço e janta ao mesmo tempo;
• ter os amigos dizerem “Que bonito isso!” mas não entenderem o conceito;
• refazer um job pois ninguém entendeu o conceito;
• ter mais fotos de coisas do que de sua família;
• saber usar o Photoshop, Illustrator, InDesign e Dreamweaver mas não entender como rodar o Excel;
• comprar revistas de R$ 50 mas não ter tempo de ler;
• não conseguir olhar para qualquer coisa gráfica sem tentar melhorá-la na sua cabeça;
• não conseguir andar pelo shopping sem criticar embalagens de produtos;
• ouvir sua vó lhe apresentar orgulhosamente como “artista” para amigos;
• sua mãe achar que você trabalha com computadores;
• ser confundido como “técnico em informática” pois “você passa muito tempo na frente daquele tal computador”;
• cobrar o cliente constantemente o briefing e materiais para não estourar o cronograma;
• cliente demorar para enviar o briefing e materiais e depois reclamar que você está estourando o cronograma;
• terminar o projeto após 3 meses e 20 rodadas de aprovação para o cliente dizer “não sei…acho que não ficou muito legal”;
• passar metade do projeto convencendo o cliente que você sabe o que está fazendo;
• passar a outra metade do projeto explicando ao cliente que você está cobrando pelo seu conhecimento;
• ter alguém dizer “Meu sobrinho também faz dizáin“. E quando questionado sobre em qual período ele se encontra, escutar um “Tá terminando o Ensino Médio”;
• acordar se sentido um “garoto de programa” pensando em duas coisas: 1) você precisa parar com isso. 2) você precisa cobrar mais caro por isso;
• passar metade da vida falando pra todo mundo que “logomarca” não existe;
• desistir de ensinar a todo mundo que “logomarca” não existe;
• estranhar aquela luz amarela no céu quando você finalmente sai de casa durante o dia;
• ter que explicar a um cliente que uma gráfica não imprime uma imagem JPG com resolução de 72dpi e em RGB para fazer um outdoor;
• ter que explicar ao cliente o que é JPG, dpi, RGB e “cêmique“;
• ter que explicar que Pantone não é aquele pão com frutas cristalizadas que vendem no natal;
• acordar dia após dia, sabendo que essas coisas nunca vão mudar e mesmo assim pensar: “Eu não me vejo fazendo nada melhor na vida. Amo tudo isso”

Texto: Canha

Fonte: Design Blog