Tableless - Desenvolvimento inteligente com Padrões Web

06/03/2007
Convertidos

Convertidos Tableless de volta

Em 1 Janeiro de 2003 criei coragem e lancei o Tableless.com.br. Eu já trabalhava com Web antes, mas comecei a desenvolver com Padrões neste tempo. Como me interessei mesmo pela coisa, pensei em criar um site e mostrar as facilidades …

Por

Em 1 Janeiro de 2003 criei coragem e lancei o Tableless.com.br. Eu já trabalhava com Web antes, mas comecei a desenvolver com Padrões neste tempo. Como me interessei mesmo pela coisa, pensei em criar um site e mostrar as facilidades do desenvolvimento com Web Standards.

Eu aprendi de verdade a partir da hora que coloquei a mão na massa. Eu fazia o seguinte: pegava alguns sites de empresas grandes e fazia uma versão do layout atual deles sem usar tabelas para a estrutura do HTML. Fiz muito isso… Mas muito mesmo, fiz tanto que um dia vi que tinha material suficiente que pudesse interessar alguns desenvolvedores por aí. Foi então que decidi fazer o Tableless.com.br e colocar esses sites como amostras do desenvolvimento com Padrões Web.

Tomei um susto quando as visitas do site começaram a crescer sem que eu fizesse muita coisa. Naquele tempo, pra ter uma idéia, o domínio do site era Tableless.kit.net. Uma comunidade inteira começou a se formar em volta do site… Os Convertidos (como eram chamados os sites das empresas que eu fazia sem tabelas) começaram a ajudar de verdade os interessados. Até que no dia 15 de Julho de 2005 recebi uma carta Extra Judicial de uma das empresas dos Convertidos. Foi aí que tirei do ar todos os convertidos. E até hoje o Tableless vem andando sem os Convertidos que foram o grande motivo de criar o site.

Mas, hoje tomei mais coragem e coloquei novamente os Convertidos no ar. Espero que eles tragam a mesma ajuda de antigamente para todos. Os códigos estão bem antigos. Principalmente os que eu fiz… Nunca mudei, nunca atualizei nada… Portanto, dá este desconto.

Todos os textos, gráficos, interfaces, fotografias, logos, marcas, sons ou música pertecem às respectivas empresas.

As informações contidas nos Convertidos são apenas de cunho comparativo e de estudo de técnicas e abordagens usando os Padrões Web referenciados pelo W3C (World Wide Web Consortium).

Os sites aqui reproduzidos não passam de objetos de estudo e não se tratam de clones dos sites originais. São enviados por profissionais voluntários de Internet e são apenas exibidos aqui depois de uma análise e moderação. Eles não apresentam perigo algum aos usuários de internet.

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://tsouza.wordpress.com Tiago

    Diego.

    Eu acompanho o site desde da época do kit.net ….
    Quando vc tirou os convertidos do ar, senti mta falta, pois estava começando no desenvolvimento web.
    Agora já tenho uma experiencia consideravel, mas nunca é tarde para dar uma olhada nos CONVERTIDOS… afinal apreender com os mestres não tem preço.

    Vlw.

  • http://felipetonello.com felipe tonello

    Legal!!!

    quando eu comecei a mexer com padrões foi nessa época aí… eu gostava muito de ver os sites convertidos e eu usava eles como exemplo para mostrar para clientes que iria fazer o site com essas técnicas..

    Muito legal mesmo!!!

    Abraços,
    Felipe

  • Rafael Baialuna!

    Show de bola… lembro da época que comecei a entrar no Tableless, a onda do assunto que até então poucos tinham noção do que seria (eu mesmo, oras)… e que, somente na prática – com os convertidos – pude acreditar que realmente era interessante, e assim comecei a trabalhar com eles (padrões e tableless)… devo ao site – e aos convertidos (que mudaram meu pensamento) – grande parte do que sei hoje, e será um prazer ter a seção de volta, e quem sabe num tempo livre (que vem sendo mais difícil que cabelo em ovo), eu não deixe uma contribuição!

    Parabéns e sucesso Diego!

  • http://www.4linux.com.br Eriksen Costa

    Ótima iniciativa de trazerem esta seção de volta. É um bom lugar para os iniciantes aprenderem como codificar com os padrões web. Apesar que nota-se um uso de algumas tags de forma não semântica em alguns convertidos! Mesmo assim parabéns! Os convertidos fizeram falta e tenho certeza que por causa deles grandes como o Terra e o UOL adotaram práticas melhores.

  • Marcelo Tavares

    Naquela época até fazia sentido seção de convertidos. Hoje em dia, tableless, webstandards e essas outras palavrinhas da moda já viraram commoditie.
    Aliás hoje em dia vai ser difícil achar um site de renome e badalado para ser convertido.

  • Rafael

    Nossa, genial isso que voce ja fazia em 2003, parabens.
    Eu comecei a desenvolver agora para web, sou designer grafico e web, atuo na area tem uns 4 anos mais ou menos, e esse site aqui tem me ajudado muito nos meus estudos, parabens mesmo.

    >; D

  • http://www.zhp.com.br Henrique Pimentel

    Puxa que saudade dos convertidos, era muito legal mesmo e servia muito de referencia para “evangelizar” as pessoas.
    Muita gente ainda hoje pensa que não é possível trabalhar com standarts e ter liberdade para criar qualquer layout. O convertidos prova que isso é bem possível e com vantagens.
    Bom com o convertidos de volta vamos voltar a enviar estudos ?
    Hoje ainda existem muitos sites tabelosos que merecem ser convertidos.

  • http://evitrola.blogspot.com Roberto da Paixão

    Eu me lembro dos convertidos.Utilizei esta idéia para treinar tabeless e padrões web.
    Abraço e sucesso.

  • Ivan

    Pq o site da Microsoft demorou mais pra abrir qdo está em tableless?

  • Francisco dos Santos

    Diego,
    sugiro que se coloque uma tarja vermelha, informando que é apenas um exemplo, no topo de cada exemplo de convertido, pois creio que é melhor prevenir o mal entendido, novamente, de alguma outra empresa.

    Dessa forma, não poderá ser alegado que foi feito uma cópia não autorizada do site.

    Bem, fica resgistrada a sugestão…

  • Francisco dos Santos

    Deixando mais claro a sugestão anterior…

    Colocar uma mensagem com fundo vermelho no código de cada exemplo.

  • http://garagemdaweb.com.br/blog Zehh

    A comunidade pode enviar os seus layouts convertidos?

  • http://www.semantico.com.br André

    Cara… desde o início do Semântico eu tô louco pra converter o site de um banco no qual tenho conta, mas…. preciso comprar muito chá de camomila antes !

  • Fabrício

    Eu estou começando na área e o Tableless é uma boa fonte de informação pra mim, essa idéia dos convertidos eu faço algo semelhantes com as paginas da empresa onde trabalho, como não trabalham com padrões lá eu aproveito pra ir treinando…
    legal ter essa seção novamente, continue com o trabalho porque está muito bom..

  • João David

    Olá

    Uma sugestão, coloque um popup tá eu sei a historia do popup, mas usando lightbox melhora um pouco a situação, pois o google indexando as pessoas caem direto na pagina.

    Bem é isso

    João David

  • http://blogblogs.com.br/ Manoel Lemos

    Diego, aqui fala o Manoel do BlogBlogs. Cara, seu site é muito joia e está subindo rápido em nosso ranking, veja:

    Rank: 22 ( 12 links de 11 blogs ) e 19 fãs

    Msa você ainda não reclamou ele e nem arrumou o feed dele tb.

    Alias, ce já viu o novo BlogBlogs?

  • http://willgm.com William Grasel Martins

    Também acompanho o tableless desde o kit.net

    Naquela época eu tinha feito algumas conversões de sites para estudo próprio, mas perdi todos em uma das vezes que meu RuWindowns deu pane e tive que formatar… é uma pena.

    Adorei a volta dessa área! É ótimo quando se esta querendo mostrar para um novato o pq usar tableless!

    Abraços!

  • http://medeiros.tiamat.com.br/blog Rodrigo Medeiros

    Fico feliz com a volta dos convertidos. A muito tempo acompanho o seu trabalho e merece mesmo os parabéns.
    Infelizmente, estamos sujeitos a essas ações judiciais que nos desestimulam, mas bola para frente. Achei a idéia do Francisco, da faixa em destaque bacana.

    Abraços.

  • Erick Wilder

    Boa!! Também sou dessa época: o inicio de tudo. É legal até pra ver a evolução. Ter uma noção do aprendizado real, comparando o que se fazia em 2003 e hoje.

    Também apoio a idéia de identificar no topo de cada exemplo que é um caso de estudo e etc…

  • Junio Vitorino

    Ai gente e então vamos ter outros convertidos?

  • Pingback: :: Café com Leite - Diariamente » Como começar com os padrões ???

  • Pingback: Diário de bordo #14 » Revolução Etc - Web Standards em uma casca de noz!

  • http://www.corporacaoweb.com Fill

    Boa, eu tambem ja fiz isso, mas fiz uma vez so com um site de um cliente aqui da empresa. hoje em dia estamos desenvolvendo um site nos padrões para ele, realmente isso ajuda bastante no aprendizado. ;)

  • Gabriel

    Muito bom!

    Ahh, uma sugestão:
    - retirar sites de bancos da sessão

    Acho que esses são os mais problemáticos em deixar no ar, mesmo com um monte de alertas de que o material é de cunho estudantil.

    ;)

  • Pingback: corporacao Web

  • Junio Vitorino

    Gente poderiamos sugerir novos sites para serem convertidos, ai poderiamos mandar um e-mail pedindo autorização para a empresa para não dar problema, alegando um cunho educacional. O que acham?

  • Pingback: A volta dos Convertidos Tableless at Emanuel Felipe .NET

  • Rafael Dias

    Sou um grande fã de tableless e uso sempre.. mas os codigos desses convertidos estão estranhos, os com table estao com os JS… e os tableless estao limpos.. invalida o teste

    mas continuo só usando tableless. Odeio tabelas!

  • Pingback: Tableless em dose tripla » Tecnocracia : Estado Tecnológico

  • http://joelwallis.net/ Joel Wallis

    Diego, acabei de assistir o video do Inicio dos Padroes no Brasil.
    Tentei acessar tableless.com.br/convertidos e essa URL ta redirecionando para tableless.com.br/convertidos-tableless-de-volta.

    Procurei os links para ver os convertidos, mas nao encontrei.

  • Pingback: Diário de bordo #14 ≈ Revolução Etc