Tableless - Desenvolvimento inteligente com Padrões Web

29/08/2005
Podcasts

Podcast Tableless #10

Desta vez falamos sobre apenas uma coisa: O que é tableless?! Uma discussão bastante interessante com Bruno Torres, Thiago Rigonatti e Eu. Baixei direto o Mp3 Tempo: ~46min Tamanho: 10,7Mb Adicione também nosso Feed ao seu iTunes ou agregador de …

Por

Desta vez falamos sobre apenas uma coisa: O que é tableless?!
Uma discussão bastante interessante com Bruno Torres, Thiago Rigonatti e Eu.

Baixei direto o Mp3
Tempo: ~46min
Tamanho: 10,7Mb

Adicione também nosso Feed ao seu iTunes ou agregador de podcast preferido…

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

  • Ricardo Warth

    Eu concordo com o Bruno Torres e fiquei frustrado com as frases do Diego. Para mim sempre foi tableless = webstandards.
    Vou colar mais uma frase da propria area "sobre" do site tableless, para ajudar o Bruno: "Tableless é um método de construir sites, usando os Padrões Web (Web Standards) como guia."
    Depois dessa, eu não sou mais tableless. Sou Web Standards. Perdão Diego. Pisou na bola. Bruno, você está apoiado.

    PS: Acho melhor você mudar sua opinião, Diego, que mudar todo o conceito na cabeça do povo!

    Abraços a todos.

  • Orestes

    hehehe, primeira vez que escuto Podcast aqui no site, fantástico. Estou tentando criar sites sem tabelas agora mas W3C é o básico… sei q não basta tirar só as tabelas, tem q usar bom senso no código.
    Parabéns pelo site.

  • http://www.revolucao.etc.br Henrique Costa Pereira

    Muito boa a linha de raciocínio do Bruno. É a minha também. Acho que isso já foi bem discutido no próprio aqui no blog com a opinião de todos. Eu creio que o maior problema da discussão, foi mais um problema semântico do que filosófico. É obvio que o você (Diego) não está "criando maus vícios" e "ensinando coisas erradas" no Tableless, e ao mesmo tempo pode soar da nossa parte uma certa postura xiita (disse apenas "soar"). Mas penso que precisamos declarar de forma mais explícida que Tableless = Webstandards, nem mais nem menos. Gostei quando alguém disse que se o cara troca table por DIV, ele fez um "movimento em direção aos webstandards" e NÃO SIGNIFICA que o trabalho do cara seja WEBSTANDARDS.

  • http://www.revolucao.etc.br Henrique Costa Pereira

    Concordo com o Bruno Torres quando diz que se você posta algo aqui como sendo "TABLELESS" mas o site possui uma infinidade de erros, daí vem uns chatos (como eu) e diz que o site está longe de ser webstandards. Como isso fica na cabeça do usuário?

    Você é dono do site de maior referência do Brasil sobre webstandards (isso é um fato e um elogio), se você posta algo como tableless e vem uns malas aqui falar sobre os erros do site, você endoçou o trabalho do cara mesmo com um monte de erros e com um monte de gente falando que está errado. Isso acontece por que a chamada foi "NOME-DO-SITE É TABLELESS". E nem adianta uns poucos nerds virem aqui e dizer que o site dele tem erros. Isso acontece por que você, o dono do Tableless disse que é Tableless. Eu sei que você sabe que o site tem erros e que não é webstandards, eu sei que seu interesse foi em demonstrar o "o movimento que foi feito em direção aos webstandards" e estimular os outros a fazerem o mesmo tipo de movimento, mas na minha opiião, esteS posts não servem nem como fonte de estudos, porque não possuem nada que se possa aproveitar deles, a não ser, pelo menos, que possamos aprender como NÃO fazer um site.

    Gostei dessa discussão. E sei também que todos somos maduros para sermos grandes amigos e lapidar uns aos outros para continuarmos na direção de levar outros ao webstandards. Eu também comecei e hoje tenho meu site sobre webstandards a partir do seu site como estímulo. Também fui para outras referências mas a referência inicial foi o Tableless.

    Para o alto e avante….

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

    Valeu DB… Tá arrumado.

  • Roberto Almeida Longhi

    Kraka,

    temos que admitir … a persistencia do Bruno é uma coisa fantástica kra … muito bom.

    Eu entendi o ponto de vista do Diego e sempre pensei assim … principalmente porque eu primeiro quis aprender como fazer o tablelles … e como ele funciona , pra depois aderir aos padrões … são duas coisas diferentes … ligadas entre si …

    sei lá né … meu ponto de vista.

  • Bruno Chaves

    graças a Deus nao falaram sobre pombos!!!
    ficou bem legal ;)

  • Lucas TS

    Poxa, Diego, na boa mas tu esta totalmente se contra dizendo.

  • Maudy

    Mais um pod com as mesmas pessoas ou eu to viajando? A idéia de falar sobre websemântica foi pro vinagre?? Perceberam q eu não ouvi ainda um podcast de 46 min né? É tempo demais para um pod ao meu ver…
    []‘s

  • Luis Vinhas

    Diego caiu em contradição algumas vezes. Decaindo um pouco, junto com a qualidade do Tableless. Credibilidade caindo.

  • Itamar Vieira

    Pra mim, o que falam o Diego e o Bruno são apenas aparentemente diferentes. No fundo ambos falam a mesma coisa.
    Valeu pelo papo.

  • Rafael

    Olha, muito boa a briga…esse foi hilário !!

    Na minha opinião Tableless é usar de DIV, H’s, etc , mas pensando na semêntica.

    Já Validar é questão de código bem construído.

  • Eduardo Ramos

    Uma verdadeira baderna essa podcast.
    Sem falar que deu pra perceber que quando interessa, o "tableless.com.br" ajuda.
    E essa situação já aconteceu comigo

  • http://gustavocardoso.blogspot.com Gustavo Cardoso

    E ae Diego…

    cara vc disse que antes fazia image replacement de titulos com h1 e span, e que isso é arcaico já. Como vc faz agora o image replacement???

    Valeu ae.

    Abraço,

  • Tiago Pereira Dantas

    Todos os que fazem trabalhos para a web sabem que fazer um site Tabless é fácil, agora tratar todo o seu conteúdo corretamente e seguir os padrões da W3C é outros quinhentos. Concordo com o que o Diego fala que "sites Tabless, são sites contruídos sem usar tabelas" como o nome mesmo diz, e também concordo com o pessoal quando dizem que "o Tableless é o primeiro passo para se construir um site nos padrões web", no mais gostei muito do podcast e estou repassando ao pessoal da empresa para conhecer melhor a comunidade Tableless.

  • http://www.revolucao.etc.br Henrique Costa Pereira

    Paguei o maior pau!!!!
    Image Replacement sem usar SPAN:
    http://www.webreference.com/programming/css_flicker/examples/example_four.htm

    Isso é demais!!!!!

  • http://www.numerouno.com.br Rodrigo Slompo

    táqueopariu em galera, que discução foi essa toda aí sobre tableless?

    na minha concepção tabless é uma abordagem de desenvolvimento, o que não significa a ausencia total de tabelas, mas sim o uso adequado das tags de marcação html bem como a separação da marcação e da formatação do site.

  • Márcia O. Carmo

    Entendi o que o Diego disse.
    Entendi também o que o Bruno disse.
    (O Rigonatti tava apenas pra colocar lenha na fogueira haha)

    Houve muitas contradições nesse podcast… é um assunto que gera confusão mesmo!

    Na minha opinião, tableless é um site que é criado sem tabelas, sim. Substituindo TABLE, TR, TD, etc por tags que representem o que se deseja fazer e não usar essas que servem para tabulação. Por exemplo, no Word quando vamos escrever um documento, criamos uma tabela grande e várias tabelinhas dentro para alinhar o texto ou vamos colocando os textos apenas, alterando o estilo ou colocando negrito, itálico, etc?
    Tá, exemplo meio tosco, mas blza hehe

    A partir do momento que começamos a utilizar tableless, nos preocupamos muito, mas MUITO mais com web standards. Junto com o tableless normalmente vem a validação ‘bonitinha’ da W3C.

    Um site tableless pode não ser validado pela W3C?
    Um site validado pela W3C pode não ser tableless?

    Acho que sim, hein…

    Por isso são coisas diferentes, oras.

    Quando nos preocupamos com banda, acessibilidade, código mais enxuto, fim da briga entre designer e desenvolvedor, rápida e prática alteração de layout sem mexer no código e sim com o .css apenas e as milhões de outras vantagens, pensamos em tableless e webstandards!

    Quando mandava um e-mail pro meu chefe pra tentar convencê-lo a utilizar essa nova ‘moda’, eu dizia que tal site era em Tableless/XHTML 1.0, validado pela W3C ou algo do tipo e não apenas Tableless ou apenas Web Standard.

    Agora concordo também com o Bruno com relação à descrição das vantagens de se utilizar Tableless…

    No início eu realmente pensava em Tableless como um nome comercial mesmo.. que engloba tudo, sem tabela e com padrões. Mas, aos poucos fui percebendo que são separados, pq o próprio ‘dono’ do site separa heheheh

    Diego, acho bom vc se decidir mesmo: Tableless é um nome comercial que engloba tudo ou é apenas ao pé da letra "Sem tabelas"?
    Dependendo do que for, o site deve ser alterado para tornar isso mais claro..

    Consegui passar o que eu queria ou tbm fui contraditória? haha que complicado!

  • Alex Saueressig

    Se "ser TABLELESS" é apenas abandonar as tabelas, deixo este termo de lado e digo que "sou WEBSTANDARDS".
    Definitivamente, não posso apenas "ser TABLELESS"…

  • feli

    ah
    eu to com o bruno cara..
    pra mim tableless tem que ser tudo realacionado com padroes de web nao só de tirar as tabelas.. pq se nao td mundo xega tira tabela fica axando q o site ja ta super e td mais…

  • Efrain

    Bicho, acho que existe um processo a ser percorrido! Se assumir enquanto alguém que quer alcançar um nivel tableless significa que em alguns momento, erros serão cometidos, é claro. Não dá pra achar que do dia pra noite – um amador – coloque tudo em 100% e também não dá pra aceitar ficar tudo só nos DIV’s. Entendi os dois lados! Se eu usar só divs – que é o nivel que estou – já coloquei um pé no tableless – mas preciso evoluir, e vou atrás. Ou séra que vou trocar tabelas – que eu acho até mais fácil – e passar para divs só pra ser bonitinho e dizer "num usu tabelas". Temos que nos cobrar e nos ajudar! Vamos à semantica!

    Sugestão: faz uma matéria sobre os elementos. que acham? grande abraço a todas!

    Tableless_Na-cabeça!

  • Alexandre Gomes Gaigalas

    Ouvi os caras falando de referências de linguagem, queria deixar um link muito bom, que tem tutoriais, referência pra download de várias linguagens XML e tecnologias standard:

    http://www.zvon.org

  • César Lopes

    Creio que vou apenas repetir o que foi dito, eu também pensava que Tableless era além de apenas trocar as tabelas de um site por divs.
    Concordo com Bruno Torres, e acho que ele não estava sendo chato, como mencionou no Podcast, temos mesmo que lutar por uma "web" melhor e avaliar até mesmo os pequenos detalhes. Só trocar tabelas por div não vai adiantar "bulufas"!
    Abraço

  • http://www.designermx.com Luciano M.

    Inacreditavel acreditar nessas frases do Diego, pois ele mesmo postou um Tutorial de XHTML + CSS informando que seria uma das maneiras mais corretas de fazer um site tableless.
    e até em outros momentos falou de webstandads como se fizesse parte do tableless.

  • Ricardo F.

    A primeira página que eu fiz foi no Dreamweaver. Nao tinha a menor ideia de usar tabelas, foi tudo feito com divs.

    Ai quando eu pensei que estava evoluindo para o mundo dos webstandards, ja estava dizendo "sou tableless, portanto sigo os padroes". Depois desse podcast fiquei realmente triste em saber que eu era tableless na epoca que eu nao sabia o que fazia no dreamweaver. Hoje, a diferenca eh q faco o codigo e tento seguir os padroes.

    Nao achava que o termo tableless fosse algo tao pequeno. E eu quero evoluir para algo melhor, por isso nao quero ser tableless, mas sim webstandards.

    Bruno Torres 101% correto em suas opinioes.

  • http://www.interrog.com.br Eduardo Herbert Ribeiro Bona

    Concordo com o Bruno no ponto de vista que o Diego deve mostrar sites nos padrões para que sirva de exemplo para quem está começando.

    Mas concordo com o Diego ao falar que tableless necessariamente é seguir os padrões ou seguir um código semânticamente correto…

    Os Padrões e principalmente a semântica vem da lógica do designer e os que não tem esta lógica fazem tableless mal-feito… Mas é tableless…

    Tableless é um começo pros padrões por que ?

    Tableless + Semantica = Padroes

  • Filipe Frade

    Meu amigo… eh simples DEMAIS!!!

    Tableless = Sem tabelas e ponto.
    Seguir padroes = WEB STANDARD meu amigo

    Pow…tão facil entender se voce traduzisse a palavra “standard” ja teria caido a ficha.

  • Eder Tavares

    eu acho q se formos traduzir tableless ja estamos dizendo q é sem tabelas e se ele segue os padrões ou não, ai é outra coisa,

    da mesma forma se formos falar de digitação de texto, digitação de texto, tem q seguir os padrdões de formatação da página e tal, ai alguem diz q digita texto e coloca a fonte 16 na pagina e nao justifica a tal ,nao tem tabulação esse cara pode dizer q digita texto???????

    então paremos pra pensar, o cara q digita texto em fonte 16 e não formata o texto pode dizer q digita?? não pq esta fora dos padrões da mesma forma, o tableless tem q seguir os padrões pra ser bem apresentavel!!