Tableless - Desenvolvimento inteligente com Padrões Web

17/12/2005
Artigos

Google, por quê?

O Google é aquela empresa que sabe exatamente o que é útil para todo e qualquer (ou quase) tipo de usuário. Eles detém um certo número de aplicações que vão desde organização e tratamento (bem básico) de fotos, até análise …

Por

O Google é aquela empresa que sabe exatamente o que é útil para todo e qualquer (ou quase) tipo de usuário. Eles detém um certo número de aplicações que vão desde organização e tratamento (bem básico) de fotos, até análise detalhada de informações sobre o seu site. O Google é um ótimo criador de soluções. E convenhamos, soluções no mínimo interessantes.

Mas uma coisa me intriga. Depois de muito pensar sobre o Google e suas qualidades de fada madrinha, várias perguntas simples me vieram a cabeça. Umas delas é: Porque a maioria (ou todas) das páginas do Google, não seguem os padrões?
Muitas vezes abri seu source, e me deparei com tabelas e tabelas, algumas vezes até mesmo tags font.

Esses dias ele lançou uma versão do Gmail para celulares e dispositivos móveis. Poxa, não era só fazer um CSS para HandHelds?! Se algum browser não suporta CSS, ele veria texto puro, como a versão que eles fizeram.

Bom… Eu não sei a resposta para essas perguntas. Talvez seja algo óbvio que o cara aqui não viu. Mas fica registrada minha curiosidade, e talvez a de muitos.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://www.mundopang.com.br Browser

    Sei que não tem haver com o assunto, mas porque tem isso comentado no menu do site?
    Cursos–>

    Estão preparando o que pra gente? =]

  • Anthenor Aguiar

    ahn, qnd a arrumaçao da casa, cade o tutorial de tableless ? eh q eu nao sou taaaaaaaaaaaaaaaaaaaao bom assim (na verdade eu soh sei o basico, e olhe la viu)

  • Anthenor Aguiar

    o artigo de web semantica ainda nao….. tambem….

  • http://www.renmero.blogspot.com renmero

    Realmente é curioso, porém é perdoável pois os serviços do google sempre carregam um “beta”.

    A velocidade com que eles resolvem colocar essas coisas no ar deve ser impressionate. Assim falhas como essas ficam aparentes.

  • http://www.fatorw.com Walmar Andrade

    Mais estranho ainda é que o Google está na lista de empresas que apóiam o W3C. Eu já tinha reparado nas estúpidas tabelas e também não acho uma explicaçao plausível para isso. Até porque os layouts do Google são sempre bem simples, não teria nenhuma dificuldade em seguir os padrões… mistérios…

  • Thomas

    Eu tenho uma explicação mais ou menos plausível =)

    Geralmente as empresas grandes, usam seus próprios CMS, ou às vezes até softwares que geram os sistemas para elas, e a maioria desses softwares ou CMS ainda nao foram adaptados aos padrões e daria um bocado de trabalho em fazê-lo. Bom eu acho que é isso, não que eles tenham preguiça de fazer isso, mas acho que sairia muito mais caro trocar todo CMS para os padrões de uma vez, do que aos poucos acho que aos poucos eles vão fazendo isso, ou criando várias versões mesmo.

    Outra coisa, que acho bem interessante é que todas empresas que não adotam os padrões, na verdade, empenham-se na árdua tarefa de criá-los. Empresas como: IBM, Microsoft, Sun.

    Um dos motivos pelos quais elas não seguem os padrões eu já sei, que é o óbvio motivo de que sairia muito caro agora alterar tudo para os padrões de uma vez. Bom, mas quem liga =)? Elas criam essses maravilhosos padrões que nós usufruimos e gostamos tanto mesmo.

  • Eduardo Hiroshi Nakamura

    Uma empresa como o Google provavelmente não segue os padrões, por que ela sabe que o Internet Explorer ainda domina o mercado de navegadores, e a padronização de suas páginas poderiam desfigurar o conteúdo das mesmas no navegador que ainda é o mais usado.
    Acredito que como o Google tenha a idéia de padronizar sim suas páginas, mas acho que ela está esperando que os navegadores que seguem o padrão(Mozilla FireFox e outros) estejam na maioria do mercado. Minha opnião vem principalmente da contratação do(s) programador(es) do Mozilla FireFox e do programa AdSense.

  • http://cuducos.meiaduzia.com.br Cuducos

    Talvez o Google não se interesse pelos padrões por não ser esse o objetivo deles. Explico. Vejo o Google como uma empresa focada em tecnologia, tendo a inovação como seu principal produto. Questões como acessibilidade e usabilidade não me parecem ser a principal objetivo deles (afinal, GoogleEarth para Mac só saiu nesse mês; Google Talk, só para Windows; o Linux ficando sempre pra trás). É só um palpite.

  • Valentín Moreira

    Matt Cutts é um engenheiro chefe de Google que tem um blog e uma vez falou sobre isso. Ele afirma que os códigos do Google nao aplican os Web Standards porque de este jeito economizan bandwidth.

    O que eu nao comprendo é por qué Google nao envía os sites comprimidos com Gzip ou Deflate. Coisas das big corporations, acho.

    O unico sentido tal vez de ter o javascript e as CSS dentro do mesmo fonte HTML é que economizan hits no servidor… mais bandwidth sim poderíam optimizar con um WebStandards + Gzip/Deflate.

    Também outra justificativa é que eles podem achar que com tabelas o crossbrowser é maior, tipo que eles tenhan muitas visitas Netscape (do velho) e outras coisas. Nao sei de mais.

  • http://www.nucleolivre.com.br Kico Zaninetti

    Acho que alguma surpresa nos aguarda em breve em relação ao google e padrões… aguardem e vejam….

  • http://tableless.com.br/ Diego Eis

    Legal gente… Gosto quando há essa exposição de opiniões. Assim todo mundo cresce.

  • Carlos Soler

    Diego, como você deixou a data com esse formato (17 de Dezembro de 2005 (23:51)) no WordPress?

    Valeu!

  • Bruno Soares

    Acho que há uma explicação bastante simples para o Google não seguir padrões: isso.

  • http://www.rodrigoghedin.com.br/ Rodrigo P. Ghedin

    Definitivamente não sei quais os motivos que levam o Google a não seguir padrões.

    É, comentário besta, mas só o estou escrevendo pra dar um toque para o Diego: o título do post está errado… “Por quê” no final de frase se escreve assim, separado e com acento circunflexo no “e”.

    Abraços!

  • Fábio

    Apesar de não gostar de corrigir os outros, vou complementar o comentário do Ghedin:

    Detém, naquele caso, possui acento, pois é plural.

    “eles detêm”… é a mesma regra do têm, mantêm, e assim por diante…

    ;)

  • Arthur Corenzan

    Concordo com o Eduardo Hiroshi Nakamura;
    Acho que o Google ainda não padroniza tudo, por que, tá tá, eles podem ser quase uma Fada Madrinha pra soluções, mas ainda sim, cobiçam fama e dinheiro… Existem, além do Internet Explorer, ainda muitos browsers que não renderizam os padrões tão bem quanto o FF, e como eles querem alcançar o maior número de pessoas, disponibilizão uma coisa já manjada que todo mundo (browsers) intendem. E até pode ser o lance de sair caro pra padronizar, caso haja um CMS/Software pra construção dos sites.

    Isso eh visível, UOL, Terra, e etc… Portais que são excessivamente acessados, não padronizam seus sites, por que muitos usuários ainda utilizam Windows 95/98, com IE em versão bem atrasada.

  • http://www.priori.dact.com.br Leonardo Priori

    Vocês exageram na admiração por padroes(se eu tivesse um site bom como os seus eu tb exageraria ou fingiria que exageraria :P). E “vocês”(não vão me encher o saco por causa dessa arrogancia minha de dizer vocês, né?) pagam pau de mais para o google tb, que faz muita bosta. Uma calculadora que não sabe quanto é 2 – 1.9 – 0.1 e inumeros bugs e defeitos no orkut são exemplos. Eu vejo o google como a Microsoft da Web. E me irrita ver que os nerds pagam pau para o google como se ele fosse um guerreiro contra a Microsoft.

    Se o google aderir a padroes vai fazer para isso para cair nos jornais e não só para melhorar o custo de desenvolvimento e manutenção. O tal bug do windows que a google bar conserta certamente foi consertada para sair nos jornais e ser comentado por ae.

    Aderir a um padrão modifica significa muito a imagem dele e da “tecnologia”. Eles não aderiram por que estão neutros e não por que não acreditam na sua importancia. O google antes de ser uma empresa de tecnologia é uma referencia como empresa. Alem de que tecnologia não é coisa de inteligentes e cientistas e sim coisa de empresarios(Nietzsche e Eisten não foram autores diretos de novas tecnologias).

    Microsoft adere a padrões?

  • Rafael

    Fizeram uma versão especial pra dispositivos móveis e celulares, além da razão de customizar melhor as características pra esses devices, por um fator simples: Ajax. Sim, o GMail com todo aquele código JavaScript e tudo nunca iria rodar num gadget.

  • http://www.ddweb.kit.net Douglas d’Aquino

    Me parece que você não desenvolveu para celulares recentemente…

    Sim, na teoria seria só criar um media type handheld. Mas na prática não é bem assim, já que muitos dispositivos móveis não suportam css…

    Leve em conta que já é difícil trabalhar com o explorer… agora imagine trabalhar numa versão reduzida do explorer, no Windows CE. Ele mal aceita CSS 1.0

    agora imagine que nem todo handheld tem todo esse potencial.

    No fim das contas, você tem que fazer novas imagens, novos tamanhos, novas fontes (tudo isso pensando o fato que nem todo browser de handheld vai aceitar um css (mesmo um simples como p{ color:#FF6600; } ).

    Um site como o do Google que vai ser acessado por trilhões de pessoas por milhões de dispositivos diferentes, ele não pode se dar ao luxo de ser acessado apenas por meia-dúzia de sortudos que possuem browsers acessiveis em handehelds

  • http://squiter85.blogspot.com Brunno dos Santos

    É verdade né?!
    Mas talves pelo “beta” dos serviços isso possa acontecer… sei la…

    O Google é foda!

    hehehe

  • Thalis Valle

    Bom, sempre quando trata-se de paixe grande, o objetivo de primeiro plano, nunca é padronizar ou dar outro layout aos sites. O 1ºm é sempre, questões sobre $capital$, bufunfa… O Google não dá importância ao seu fonte. Ele dá importância às suas estratégias para conseguir + “bufunfa”. Creio que aos poucos, lentamente eles irão modificar seus fontes…

  • Thiago Aboud Campmany

    Acredito que o Google priorize acessibilidade à padrões, lembre-se que além de navegadores atuais não compatíveis com CSS sempre há aqueles “usuários” que insistêm em navegadores do século passado!

    Agora um “Off”…

    Pessoal, gostaria de pedir a opinião de vocês quanto a estrutura CSS do site:
    http://tcampmany.sites.uol.com.br/
    a aparência saiu meio que para site infantil, mas sabe como é, quando se é um Programador, o que saiu já é muuuuito! rs…
    (Pretendo melhorar =])

    Outra coisa, é que se repararem o IE (pra variar) faz umas coisas bizarras, desde o CSS até o canal alpha do PNG-24. Se possivel comparem com o FF, uma vez que desenvolvi “pra ele”.

    Outra coisa…
    Por que o Tableless não dispõem de um fórum, claro que há a problemática quando a limite de banda, mas não há alguma maneira viável?

  • http://tableless.com.br/ Diego Eis

    Pois é Douglas d’Aquino,

    Infelizmente, os browsers que aceitam o media para handheld são o Firefox e o Opera. Infelizmente a maioria ainda não aceita nem CSS 1.
    Foi por isso que disse que, o Google deve fazer um CSS para handhelds, e os que não aceitarem, simplesmente vão ignorar. Até hoje funciona assim. Se o browser não sabe o que é uma propriedade de CSS, ele simplesmente ignora.
    Iria ficar a mesma coisa para os dispositivos que não aceitam CSS, ou seja, apareceria texto puro, mas para os browsers decentes, iria ficar bonito, formatado.

  • André Rodrigues

    Tudo bem que o objetivo possa ser de manter o maior número de usuários possível. Mas sae a mentalidade continuar assim teremos pro resto da vida usuários acomodados com seus IE 5 da vida. Pra que eles iriam querer evoluir seus sistemas, se os desenvolvedores estarão sempre programando códigos ultrapassados para atendê-los?
    E com isso a internet continua virando um lixo, um amontoado de páginas mal-formadas, visto que estão entre poucos a preocupação com os padrões web.

  • http://www.ddweb.kit.net Douglas d’Aquino

    Diego,

    Isso não é bem verdade (bem que eu queria que fosse).

    Num projeto recente voltado especificamente para handheld, nossa equipe realizou trocentos testes, eu tentei tudo quanto é forma de colocar estilo ali no meio mas não teve jeito… ele até aceita, mas aceita muito pouco…

    A questão é que se mal funciona os css mais simples, quem dera funcionasse posicionamento e sobreposição (que são elementos muito usados no design com css). E de fato não funciona nem no Pocket PC POZ da Cyberbank, um dos mais avançados e que tivemos à disposição para os testes…

    Claro, por mim, também acho que os sites deviam ser todos feitos usando os padrões de acessibilidade, mas o mundo ainda não está totalmente preparado para isso… vamos continuar lutando para isso.

    Mas por hora infelizmente alguns sites mais “genéricos” como o do Google não podem ser dar ao luxo de não abrir em alguns lugares. (entenda-se genérico sites de pouco conteúdo que são acessados por um público grande)

    Sim, ele vai ignorar o CSS… mas pense no seguinte… você faz os posicionamentos em css… e ele sai perfeito.. tudo em ordem…

    Você mais do que ninguém sabe o que acontece com o site quando se tira o css que define os alinhamentos, as bordas, os posicionamentos e as sobreposições… aquela coluna da esquerda vai para lá embaixo, o banner estoura (e todo mundo que já usou um handheld sabe que barra de rolagem na horizontal eh um porre), o menu da direita vai parar mais embaixo ainda e assim vai…

    claro que a página do google é relativamente simples… mesmo assim podem ser detalhes que pra eles não sejam tão viáveis de correr o risco..

    pelo menos essa é minha opnião

  • Lucas

    Me corrijam se eu estiver errado (sou apenas um usuário de sites)…

    o que notei foi que os navegadores ao abrirem um site formatado com tags html apresenta na tela o site com mais rapidez, pois o navegador já possui a formatação durante a renderização

    (o site sai meio desfigurado, pois faltam elementos, mas no geral o usuário tem a impressão de que o nagegador exibe a página mais rápido)…

    já os sites formatados com css, no internet explorer e no firefox costumam demorar a aparecerem, pois ambos só apresentam o conteúdo do site após receberem a folha de estilos… no opera, o efeito é um pouco diferente, pois este mostra o conteúdo sem formatação alguma, e depois reapresenta o site formatado com o css aplicado. esse pequeno delay, em especial no IE e no Firefox gera uma impressão de que sites formatados via css são renderizados com menos rapidez que os sites comuns.

    Talvez esse efeito colabore para que portais como o Google prefiram utilizar formatação direta em suas páginas…

  • http://www.newtonweb.info/blog Newton Wagner

    Eu acho que é o que o pessoal está falando aí mesmo. Sites tão visitados como os do Google não podem se dar ao luxo de alguns erros de renderização.

    Vejam o Terra por exemplo. Eles converteram tudo (ou quase) pra tableless, e cada navegador que eu uso o layout aparece diferente. Um dia o banner sobrepoe metade da noticia na tela, no outro uns selects somem com mouseOver, sem contar que a linha da direita está sempre desordenada.

    Será que é possível ter sites deste porte seguindo padrões web? Acho que a questão é essa. :) .

  • http://www.newtonweb.info/blog Newton Wagner

    Oops.. depois que eu fui ler os comentários, já haviam falado disso aí!! heheheh.. agora já foi! :P

  • http://www.ddweb.kit.net Douglas d’Aquino

    Hehhe mas é sempre bom colocar a opnião.

    Sinceramente acho que ainda não é possível, mas será com certeza…

    Estou aguardando o Explorer 7 pra ver o que poderemos fazer… aliás, meio off-topic, mas só pra avisar… esses dias fui no White-Paper da microsoft sobre o pocket ie e lá eles dizem que não aceita NENHUM css… quando na verdade aceita poucos, mas aceita… então antes de tirarmos conclusões sobre o que aceita ou não baseado nas especificações deles, vamos testar e ver no que vai dar…

  • http://www.newtonweb.info/blog Newton Wagner

    Pois é Douglas, mas o IE7 não vai vir pra muitos usuários. Mas eu acho que o IE6 já é suportável.. poderia ser melhor, mas dá até pra fazer alguns sites mais simples sem hacks! heheheh.

    Eu só torço pra eles não piorarem ao invés de melhorar.

  • http://danillonunes.com Marcus Danillo

    Eu queria saber o que esse atributo alt está fazendo no link do Gmail…