Tableless - Desenvolvimento inteligente com Padrões Web

10/04/2007
Artigos

99% é bom pra caramba

Se você é um daqueles desenvolvedores puristas, que acha que um site tableless deve ser validado não importa o que aconteça, que o código deve estar 100% correto… que se alguém fizer alguma gambiarra, mais simples que seja, deve ser …

Por


Se você é um daqueles desenvolvedores puristas, que acha que um site tableless deve ser validado não importa o que aconteça, que o código deve estar 100% correto… que se alguém fizer alguma gambiarra, mais simples que seja, deve ser desmembrado e se ainda estiver vivo jogado em óleo fervente, esse post não é pra você.

99% é bom pra caramba. É uma das frases que nós aqui da Visie falamos para quem está começando agora no mundo dos Padrões Web. Dizemos isso para acalmar quem está chegando agora. Relaxa… 99% é bom pra caramba.
Se você tentou, tentou, mas não conseguiu que algo desse certo sem tabelas, e teve que colocar uma tabelinha em algum canto do site, relaxa, 99% é bom pra caramba!

Muitos desenvolvedores ficam sem vontade de cantar uma bela canção porque, durante a curva de aprendizado que temos, podemos ter problemas em determinado processo e temos que retroceder um pouco para resolver o problema. Isso é normal. Se você não consegue fazer um site de 3 colunas, sem tabelas, mas todo o miolo você conseguiu fazer sem problemas, coloca uma tabela com 3 colunas, resolve seu problema, manda pro cliente na data certa, e depois, com calma resolva. 99% é bom pra caramba, lembre-se disso.

Ter um site 99% “tableless” não vai te privar de vantagens como acessibilidade e velocidade de carregamento… Um site 99% bom pra caramba, não vai te privar de ter uma melhor manutenção, nem de ter um código limpo e agradável. 99% é quase 100% que é bom para cacilda. :-)

Se você fez um site mas não conseguiu validar uma determinada página. Relaxe… Não vá atrasar o trabalho por conta disso… Entregue o que deve ser entregue, depois, com calma, resolva o problema.

É normal querermos resultados rápidos ou termos todas as qualidades de algo que é novo. Infelizmente, dependendo do que esse algo novo seja, você precisa passar por uma curva de aprendizado que pode ser grande ou bem curta dependendo da pessoa. As vantagens vão crescendo conforme a sua experiência vai aumentando e seu conhecimento também.

Lembre-se, até saber tudo e começar a colher os frutos do aprendizado, 99% é bom pra caramba. E dane-se o que os puristas dizem. :-)

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://webnatal.wordpress.com Yalli Oliveira

    Tem razão… quando iniciei meu aprendizado em tableless tive alguns problemas com divs que não ficavam no lugar que desejava, o jeito era apelar para as tabelas mas, com o tempo, pude aprimorar minha técnicas. O mais importante foi que o fato de eu usar tabelas, não impediu que meu design se adequasse as necessidades do cliente.

  • Mark de Souza Costa

    Putz cara, 1000 desculpas por eu ser mega pentelho aqui, mas cara, duas coisas:

    1 – “99% é bom pra caramba” deve ser alguma palavra-chave que você está querendo atrair para o seu blog por alguma razão. A única coisa que tem nesse post foi essa expressão!!!

    2 – Reparou que a área de conteúdo do seu blog está cada vez menor? O conteúdo deste post não ocupa nem 20% da área útil! Daqui a pouco estarei entrando aqui para ver anúncios das Casas Bahia, Lojas americanas, etc. Reparou que isso está virando padrão em todos os blogs por ai? Daria um bom tema para algum post esse assunto…

  • http://blog.lancelotti.com.br Leandro Lancelotti

    O começo é sempre muuuuuito difícil. Eu devo ter feito uns 10 até ficar 100%. Sempre fiz sem nenhuma tabela (no layout), mas as “gambiarras” reinavam! Aos poucos você vai descobrindo a maneira mais fácil e tudo dá certo.

  • http://carlasouza.com Carla Souza

    Ah! Muito bom isso!
    Apesar de ser extremamente perfeccionista (e chata, portanto), também confesso que dou mais importância a entrega do trabalho no prazo do que aos 100%… concordo que 99% é bom pra caramba! Até quando não se é mais tão iniciante assim…

  • http://www.ferrari.eti.br Carlos André Ferrari

    99% pra mim é um hack no CSS… usar tabela para o layout é inaceitavel, não sei se tive sorte, mas com as video aulas 8 e 9 daqui eu aprendi totalmente o esquema e nunca tive problemas.

    Eu considero o uso de tabelas para criar o layout como 10% e não 99… esse negocio de auto-piedade é inaceitavel, se tive que por uma tabela, está um lixo e pronto, até que eu resolva o pepino.

    Concordo com o restante, entregar no prazo é o que importa, mesmo que tenha que usar tabelas. leiam Getting Real

    []‘s

  • http://project47.viscountbox.com Carlos Eduardo

    Eu sou meio chato quanto a isso, tento deixar tudo 100%, mas quando a necessidade faz, acabo deixando 99% ou 98%…

    Mas acho interessante abordar esse assunto, para que os iniciantes vejam que os princípios defendidos pelos Web Standards são mantidos, apesar de alguns ajustes feitos para que o site tivesse de ser entregue no prazo, não é?

  • http://videotutoriais.blogspot.com Rodrigo Maia

    É pra um iniciante sim, mas fazer um site em tabela pra entregar no prazo pra alguém com experiência não rola já que pra quem tem conhecimento faz um layout CSS muito mais rápido que um em tabela.

    Abraços.

  • Joilson Marques

    Que chato esse post! Podia ter abordado algo mais relevante para falar desses 99%. Enfatizar é bom, mas híper redundância cansa e estraga posts =D

    De qualquer forma, acho q o minimo a se preocupar no inicio do aprendizado em webstandards nem é com os tais 99% e sim com a necessidade, mesmo q venha as gambiarras, o importante é alcançar o objetivo (as vezes, fazer um layout de 3 colunas). E com pouco tempo de experiencia começar a se preocupar sim com 100% de validação, pois isso é um diferencial. “Com dreamweaver até meu filho faz!” (famosa frase para a era das tabelas!)

    Não q 99% não seja bom pra caramba, mas o diferencial é 100%. Mesmo sabendo q as vezes as variáveis do negócio nao lhe permite chegar a esta marca em primeira instância =D

  • http://brunotorres.net Bruno Torres

    Eu já acho que 99% é bom pra caralho…

  • Thiago Lima

    Como dizemos na faculdade: “5 é 10″, se com 5 é aprovado, para que tirar 10? rsrs
    Sempre temos que fazer um acerto, nada é 100%, como você mesmo mostrou no PHP Conference 2006, ao utilizar text-indent:-999px. É “Gambiarra” (que eu lancei, meio sem querer naquele dia hehe ;) , mas funciona e está sendo de grande serventia para mim.

    Muito bom o post.
    Sucesso Diego.

  • http://www.needforlumbriga.com Camilo

    Acho que o que ele mais quis dizer é que você pode resolver o problema ‘do seu jeito’, o importante é continuar estudando e aprendendo, porque uma hora vai ficar bom (100%).

  • http://www.acordapraweb.com Alexandre

    Se for pensar nas tabelas, na semântica, na validação, na compatibilidade… xiii, a maioria dos sites não chega nem nos 50%.

  • http://www.aguinelopedroso.com Aguinelo Pedroso

    99% não é 100% mas é quase :P

  • http://www.rafaelmarin.net Rafael Marin

    Certas coisas infelizmente não conseguimos fazer com CSS, pequenos ajustes e outras gambiarrinhas. Quando eu não consigo algo, sempre coloco mais algum código inline ou algum atributo proprietário (no IE).

    No meu Firefox eu tenho a extensão Tidy HTML Validator, e não gosto muito quando um site que desenvolvo tem warnings, mas em casos quase extremos eles são necessários.

    Artigo bom pra caramba!

  • Rogério Brum Hermany

    Esse negócio de deixar pra depois nao existe. Se o cara deixa pra depois acaba nao fazendo.

    E tem casos onde o css simplesmente nao é suficiente (a maioria por causa do ie) e temos que enfiar uma tabela.

    Um exemplo é um site que fiz há um tempo atras e o site era pequeno em altura e largura e o cliente queria que ele ficasse no centro da página (horizontal e vertical).

    body { height: 100%; display: table; vertical-align: middle; }

    Isso, ou algo parecido, resolveria o problema. Mas nao no ie. Entao tasquei uma tabelona e f.

  • http://cafe.web2.eti.br/ Thiago Reis Pontes

    Já estou virando um adepto dos 99%. Quando comecei com Tableless sempre me preocupei com o XHTML validado juntamente com o CSS. Mas para conseguir isso, perdia bastante tempo com detalhes. Então comecei a usar outras técnicas, principalmente os Comentários condicionais. Mas acho que isso foi bastante válido, hj em dia a maioria de meus trabalhos saem com o CSS e XHTML validados e sem nenhum rastro de tabelas, e tudo está saindo bem natural, em muita dor de cabeça. De toda forma acho os 99% bem válidos, pq ajuda no aprendizado e não desestimula quem está começando.

  • http://above.semjuizo.com Lucas Castro

    Caramba, e não é que é mesmo?

  • http://www.vitorgga.com VitorGGA

    “E dane-se o que os puristas dizem.”

  • Dalton

    Saber fazer 100% é oque diferencia os profissionais do resto. E os melhores conseguem fazer o layout funcionar em browsers diferentes sem hack e nem gambiarras. Tabela só se usa pra fazer template de sistemas e programas como fóruns, blogs e etc. o resto é xhtml e só.

  • http://www.adrenaline.com Carlos Gustavo

    Cara,

    A diferença é

    vc quer ser mais um 99%

    ou o nicho pequeno dos 100% ?

    eu quero ser 100%! não quero ser os 99%

    post legal!
    =D
    mais eu acredito que deveria desde o começo priorizar sempre a perfeição!

  • http://157.86.152.9/bastidores João Ximenes

    Eu axo q esse conceito ’99%’ até vale para validação. Agora usar tabela no html, culpar o IE e axar q ta td bem é sacanagem.

    Não existe o q o CSS ñ faça. Vc até pd ser obrigado a usar uma gambiarra para conseguir um efeito, mas use no CSS ñ no código HTML (validar CSS é q eu axo bobagem, pelo menos por enquanto).

    Eu acho que a busca do 100% validado é consequencia de uma moda que assolou a web com aqueles selinhos “XHTML VALID W3C”. Aí td mundo queria ter o selinho tb e ficaram chatos.

    Isso já ta cafona (como ficou cafona aqueles clássicos: “esse site é melhor visualizado em 800×600 com Internet Explorer 4 ou superior”, lembram?)

    A validação serve para ajudar vc. A DIV ñ quer obedecer o float? manda validar o CSS. La vc descobre que ta faltando fechar uma “{“, ve o número da linha e conserta. Ótimo, vc ñ teve que procurar no meio de 1500 linhas de CSS o erro!

    Agora se vc quiser se matar para usar o ‘selinho 100% validado’ e achar que é um cordão de ouro para pendurar no pescoço (no caso, no site). Vai lá. Enquanto vc faz isso, eu me divirto trabalhando :)

    PS: Isso vale p qm ñ é obrigado por lei ou contrato a validar seus códigos.

  • http://www.danilocesar.com Danilo Cesar

    Nunca vi um cara que “Fez rápido pra resolver o problema” e depois com mais tempo “foi lá e refez”.

    O Mercado hoje exige muito. Uma tarefa finalizada é outra que começa.

    Um site 99% tem 99% de chance de morrer 99%.

  • http://www.agenciaupside.com.br Alex Saueressig

    Noventa e novo porcento é ótimo em se tratando de CSS. Todos sabemos que hacks são necessários.

    No HTML, 99% já não é tão bom; exceto quando deve-se inserir objetos flash. Mas não vejo necessidade de usar tabelas para posicionamento.

    Em todo caso, quando se está aprendendo, sempre há dúvidas. A experiência deve solucionar a maioria dos problemas.

    Abraço!

  • http://devlog.waltercruz.com Walter Cruz

    Pra quem tá começando principalmente!

    CSS é (ou era pra ser) fácil, mas o IE complica tudo. Acho que deixar um pouco de tabelas não é nenhum crime!

  • Alex Max

    As coisas mudam, e mudam, até pouco tempo atrás os criadores do tableless eram quem mais citavam os 100% e mais defendiam eles, hoje já estão defendendo os 99% (provavelmente porque estão com algum problema e possivelmente irão fazer gambiarra) amanha estarão defendendo os 98% e assim por diante.

    Esse blog morreu é evidente a decadência, os posts agora são opiniões de um único sujeito, que faz promoções para descaradamente aprender mais (o lance das colunas não colou).

    Como mencionaram acima, não existe site 99%, colocou tabela é -10% e também não existe isso de refaze o site, a não ser que a empresa se limite a 1 projeto /mês o que não paga nem a gasolina do carro.

    Abraços.

  • Vitor

    @Alex Max
    Concordo com vc cara! Os administradores deste site perderam totalmente a credibilidade! Foi-se a época em que eram referência! Eles só ficam achando desculpas para os seus sites(Tableless,Visie) não validarem, estarem com princípios errados de Ajax e outros erros de acessibilidade no layout!

    Isso precisa acabar! 99% é bom quem está iniciando. Para profissionais na área a mais tempo isso não dá pra aceitar!

  • Marcelo Luciano dos Santos

    Prezado amigo,
    Acho que você poderia ter tomado um cuidado maior com as palavras que seleciona. Não se esqueça que muita gente (conjuto de pessoas em que, felizmente, não em encontro incluído) utiliza o seu blog como referência. Tente portanto se expressar com mais eloqüência e menos liberdade e “que se dane” a sua redação redundante, pobre e desrespeitosa pra caramba!
    Com muito respeito!

  • http://www.needforlumbriga.com Camilo

    Duvido que a maioria aqui seja expert em estruturação com CSS.

    Du-vi-do.

    Até o Maujor já disse (no fórum do iMasters) que é melhor você usar tabelas enquanto não domina o tableless.

    Você só vai ser 100% depois de um dia ser 98% ou 99%.

    Não adianta chegar no primeiro site que for fazer, um mês depois de começar a estudar e querer o barato perfeito.

    O curioso também, é que se os caras perderam credibilidade, o que vocês estão fazendo aqui?

    Eu já respondo, caso queiram me questionar – Eu estou aprendendo, não nasci sabendo.

  • Vitor

    @Camilo
    Minha esperança em manter o feeds do tableless ativo é que um dia ele volte a ser referência! E este post me chamou atenção, por isso vim aqui ver. Mas quando me deparei com o teor da matéria me decepcionei novamente.
    Cara, não há problema em vc ser um 99%, desde que vc não se conforme com isso! Minha critica foi dirigida a comodidade do autor do post. Se vc já se considera um bom profissional na área de Web Standards o mínimo é validar pelo menos o HTML 100%, a menos é claro que se use flash, mas o própio uso de flash no site deve ser dosado e acessível para usuários com browser que não suportam flash.
    Mas se vc está aprendendo, não precisa ficar ofendido com os comentários que discordaram deste post. Apenas não se conforme em ser mediocre(estar no mesmo nível da maioria)! E nesse caso mediocre é esses 99% tão citado neste post.
    Beleza mano?
    Forte abraço…

  • http://www.linke.viscountbox.com Linke

    opa…sempre bom ver e comparar os layouts..

    antes de criar alguma coisa…sempre gosto de dar uma boa olhada nas galerias…até mesmo para fazer algo diferente do que temos por aí.

    add o Tableless no blogroll do meu blog.

  • Alex Max

    A resposta do vitor foi muito esclarecedora principalmente para o camilo.

    Ninguém quer que as coisas boas acabem, as vezes é preciso alertar que o blog esteja perdendo a linha para os donos acordarem.

    O que estou fazendo aqui ? antes eu frequentava este blog quase que diariamente, hoje, quase que mensalmente.

    Bom como você disse, voce esta aprendendo, aprendendo a ter a cabeça do dono do tableless.com.br, meus parabéns pela falta de personalidade, pois na maioria dos post recentes só consigo ver opnião pessoal.

    Creio eu que depois que Visie fez “sucesso” o tableless morreu, eu sinceramente não gostaria de ouvir do meu professor que 99% ta tudo bem e que VALIDAR não importa, bom se esta satisfeito com “tables, monte o moretable.com.br.

    Você citou o maujor, verifique um dos posts dele com referência indireta a este blog.

    Desculpe-me se ofendo mais todos já passam a perceber isso.

  • http://marcelomx.wordpress.com Marcelo

    A velha mania de alguns opinarem sem ao menos lerem o post. Tsc..tsc..tsc.

    Tem gente falando coisas que não tem nada a ver com o nílvel de aprendizado do cara. Se o cara entrega um site 99%, como disse o próprio Diego, nem sempre quer dizer que o cara não sabe tudo. Prazo é uma constante. Os que se sobressaem e conseguem entregar no prazo e cem por cento, parabéns, mas por favor, falem por si mesmos, e não querer separar o joio do trigo com esse estória de minoria boa que são os verdadeiros profissionais e blá blá que já me cheira a uma hipocrisia e narcisismo sem noção.

    Nâo sei quem disse que entregar o serviço não totalmente validado e se comprometer depois em deixar redondinho não existe. Só sei que isso existe, e isso é fato pra mim, principalmente por conta de prazos. Se você não faz amigão, sinto muito, mas você é que tá faltando com a ética profissional com o seu cliente, caso não consiga entregar no prazo. Mas como disse anteriormente, se consegue entregar, parabéns, mas fale por si mesmo e não generalize.

    O post tá excelente, reflete bem o que um profissional que está disposto a sempre enfrentar os problemas pode fazer. Quanto as críticas que não se relacionam ao assunto, só mostra que tem gente que lê mas não interpreta.

    Parabéns

  • Alexandre

    Impressionante como nesse site há uma quantidade imensa de “experts” mais que perfeitos, os chamados 100%. O que fazem aqui nesse site? Quem sabe estão buscando um dia atingir os 100%?

    Revejam seus conceitos e busquem manter a humildade acima de tudo. Apesar de ser um dos pioneiros e referência em Tableless aqui no Brasil, o Diego está sendo realista. Entrega o serviço 99% no prazo, revisa posteriormente, e atinge-se então os 100%. Mandou bem Diego!

  • Eduardo

    @Alexandre
    Meu objetivo em visitar este site é que ao encontrar posts como esse, posso expressar minha opinião e ajudar a comunidade a perceber que os atuais administradores só estão dando desculpas pra justificar seu comodismo…
    Quem toma partido deles é porque provavelmente está acomodado também!

  • Pingback: » Corretores de Sintaxe - Teorias sobre análise de sites- Web Bem Feita - Usabilidade, Acessibilidade & Afins

  • Carlos

    @Marcelo
    Uma boa prova de que não existe esse negócio de revisão de um trabalho antigo e deixá-lo “redondiho”(como vc disse), é o própio blog da VISIE! Ele está daquele jeito e sem funcionar a muito tempo!
    Se vc faz isso que falou, faz parte dos que estão buscando o 100%, que não é o caso dos administradores deste blog e desta empresa que se julga minoria, mas na verdade faz parte da “massa” de desenvolvedores que não se preocupam com o básico!
    Marcelo, fico feliz por você não estar incluído neste mesmo grupo da VISIE! =)
    Abraço a todos

  • Alex Max

    @Marcelo && @Alexandre

    Boa sorte a vocês com os 99%.

    Provavelmente quem fala que prazo é prioridade trabalha em empresas mal estruturadas ou nem mesmo trabalham, um projeto bem elaborado e com uma estrutura sólida só tende a gerar prazos viáveis para os 100%, empresas ao estilo code-and-fix sempre irão atrasar os projetos e não pelos 99% …

  • Alex Max

    Desculpe alongar o assunto mais se o próximo post for “Eu Odeio o Google”, “Adobe Já Era”, as mesmas pessoas irão apoiar pois não tem personalidade.

    (igual um tópico infeliz sobre o fireworks que expresso uma infeliz opinião do autor como nos recentes posts)

  • Alex

    De que adianta ser 100% e atingir 20% do publico??
    Concordo totalmente. 99% é bom pra caraio!!!

  • Vitor

    @Alex
    Sua colocação é incoerente, pois se você desenvolver 100%, também estará atingindo os outros 80% que não usam firefox!!!
    A menos que 100%, para você, não envolva funcionar em todos os browsers.
    Para um código ser considerado 100%, além de semântico e validado ele tem que funcionar em todos os browsers!
    Se os 99% fossem realmente 99 seria bom. Mas os critérios para desconto de porcentagem usados estão errados!
    E, de quaquer maneira, 99% é bom, mas a nossa busca deve ser pela excelência! Se você já chegou até os 99% o que custa avaçar mais 1%???
    Mas é isso ai..
    Abraço comunidade…

  • Alex

    Vitor meu brother!

    Já que voce colocou a validação na pauta, vamos considerar o seguinte: Um design feito em XHTML 1.1 Strict (100% Certo??) só valida se nao houver nenhuma irregularidade no seu código, claro que ele (o validador) não conseguirá verificar semântica. Agora eu te pergunto..Isso é 100% supondo que voce concorde comigo que a respota é nao eu pergunto: Um site pode atender as necessidades do negócio, atender os padrões e ser acessível para todos? Pense nesses tres resquisitos (Técnico X Negócios X Mercado Atual). O que eu quis dizer não era pra ignorar ou negligenciar regras a todo modo. A ideia é que o documento XHTML seja estrutural, acessível, mas deve atender a necessidade (e as frescuras) do seu cliente, que afinal das contas paga pelo trabalho. Muitas vezes temos que ignorar a validação para atendermos a necessidade do cliente no mercado atual, com browsers problemáticos, algumas excentricidades do cliente que nao podemos evitar…Enfim são tantos problemas na vida do desenvolvedor nossa!! nossa!!!rsrs… A discussão pode ir longe…. Com certeza nenhum de nós é relaxado nem preguiçoso, pq desenvolver com padrões nao é tao simples, e claro que buscamos a perfeição…

  • Fabio Fagundes

    @Alex
    Concordo com você com relação as frescuras dos clientes, mas o que digo é que sempre vai existir uma solução semantica para o problema, só que na maioria das vezes vai dar trabalho e as pessoas desistem.
    Se você busca a perfeição e não é relaxado nem preguiçoso não tem porque se ofender(ou tomar partido) com o comentário do Vitor… Se vc está feliz com os 99, beleza…
    Só que eu penso que se eu já cheguei até 99% não custa avançar 1% já que é tão pouco…
    O problema é que esses 99% que o pessoal tá falando não é 99 mesmo! Como já foi citado, colocou 1 tabela já tira uns 10%!

  • Pingback: Web Bem Feita » Admita, blogueiro é preguiçoso

  • owwox

    Acho que apesar de algumas coisas serem coerentes na discussão, acho perda de tempo falar em 100%, pra mim 100% é se vc está ganhando dinheiro com sua forma de desenvolver um site. As vezes o código é lindo!!! limpo!!! e a porra do design do site uma merda. Pra que vc seja 100% só sendo bom em tudo, e muito poucos são.