Tableless.com.br


por Elcio Ferreira 20 July 2005

EPTV.com.br é tableless

EPTV, tableless. Acabaram de colocar no ar. Modéstia a parte, excelente exemplo para quem está começando. Com mais conteúdo, conseguimos reduzir o HTML em 65% na página inicial, com uma redução média de mais de 50% nas outras páginas. Contando imagens, CSS e javascript, a redução total média foi de mais de 30%. Demos o curso [...]

EPTV, tableless. Acabaram de colocar no ar. Modéstia a parte, excelente exemplo para quem está começando. Com mais conteúdo, conseguimos reduzir o HTML em 65% na página inicial, com uma redução média de mais de 50% nas outras páginas. Contando imagens, CSS e javascript, a redução total média foi de mais de 30%.

Demos o curso para eles e acompanhamos o projeto até mais ou menos um mês atrás. Estou orgulhoso de ver o site no ar agora. Fizeram um excelente trabalho. Funcionou muito bem aqui no Firefox, Opera e Konqueror.

O HTML não valida. Antes que alguém reclame, vá tentar validar código num ambiente como o deles, do Terra ou do HSBC, com integração com conteúdo de diversas fontes, de diversas equipes diferentes. Aliás é isso que torna o projeto interessante. É muito fácil trabalhar com padrões quando você controla o conteúdo, como deve ser o trabalho da maioria dos leitores aqui. Quando você tem uma coleção de sites num mesmo portal, com conteúdo vindo de diversas fontes diferentes, qualquer coisa que você resolva fazer é bem mais complicada.

Converteram todos os sites do portal que são conteúdo do CMS da EPTV. Apenas os sites de parceiros ficaram como estavam. É um volume enorme de trabalho, que a equipe da EPTV fez muito rapidamente. Não interromperam em nenhum momento os serviços, não tiraram o CMS do ar e não pararam de publicar notícias. Conteúdos como a previsão do tempo, a publicidade e aquela barra de compras são fornecidos por parceiros. A publicidade, por exemplo, não está aparecendo aqui no Firefox, culpa do javascript do fornecedor da publicidade. E eles conseguiram ajustar todo o conteúdo do site e o conteúdo de parceiros, além do conteúdo multimídia da própria EPTV, de maneira exemplar.

Ah, vocês devem ter notado o ícone de RSS lá. Excelente, não?

Mas a parte mais interessante está por trás desse trabalho. Eles tem um CMS desenvolvido in-house, que é usado pelas equipes de jornalistas da EPTV e por quem mais tenha que publicar conteúdo ali dentro. Modificamos todo o sistema de integração do CMS com o site, criando um motor de templates baseado em XSLT. O site se tornou muito mais leve e fácil de administrar, e eles resolveram um dos problemas com o antigo sistema, o de encontrar mão-de-obra capacitada para administrar os templates na antiga linguagem. Como XSLT é uma linguagem padrão, é fácil encontrar alguém no mercado capaz de trabalhar com ela. A forma como construímos o publicador, com XSLT em cima de um XML que é único para todo o portal, em seguida CSS em cima do resultado, é separação entre layout e conteúdo também para o publicador. Deu à equipe uma flexibilidade única. O RSS, por exemplo, foi criado em uns dez minutos. É o tempo que leva também para se criar um novo template, um novo formato de página.

Parabéns à equipe da EPTV! Foi realmente um privilégio trabalhar com vocês.

PS: Não esquecemos do assunto anterior, da seção de convertidos. É que estamos, eu e o Diego, trabalhando muito, muito mesmo. Aquela carta chegou em péssima hora. Estou ansioso para responder aos comentários de vocês, só estou completamente sem tempo.

PS2: Não quero contar apenas as histórias de sucesso de clientes da Atípico aqui. Se você trabalhou em algum projeto que considera exemplar por algum motivo e gostaria de ver sua história publicada aqui, por favor, mande pra gente. Vamos aprender juntos.

13 Opiniões Quero Opinar
  1. Parabéns hein!

    PS: Tem um errinho na frase inicial desse Post: "Com mais conteúdo, conseguimos reduzir o HMTL em 65% na página inicial" (está escrito ‘HMTL’ ao invés de ‘HTML’), hehe.

    Um abraço.

  2. Parabéns, muito bom este trabalho!

  3. Elcio says:

    Valeu Paulo. É a quarta ou quinta vez que escrevo HMTL aqui hoje. Já parei meu projeto umas três vezes por causa de "innerHMTL".

  4. Lhys says:

    Muita coisa… deve ter sido muito trabalho. Quanto a validar ou não, o que o plugin de Tidy pegou parece ser ‘consertável’ com um pouco mais de tempo.

  5. Murilo Guilmares says:

    aqui não funciona o site

    erro:–
    Microsoft VBScript runtime error ‘800a01fb’

    An exception occurred: ‘xslt.stylesheet’

    /funcoes.asp, line 23

    acho que é porque é em asp

  6. s1mone says:

    Lindo o trabalho! O pessoal da EPTV está de parabéns! Os CMS mais códigos que vêm prontos de terceiros são um pesadelo em qualquer projeto.
    []s

  7. Hahah! Elcio isso acontece sempre dois dias antes de… ahmm… deixa pra lá!

  8. Achei ótimo. Layout limpo e bem focado no conteúdo.
    Parabéns aos responsáveis. :)

  9. MarcoGomes says:

    Então vou escrever um review de sites tableless que estou trabalhando ultimamente, como BrazilTOur/Embratur, Ministério do Turismo e certos serviços da Brasil Telecom GSM. Ainda não foram publicados mas quando forem, eu faço os reviews.

  10. Aline says:

    Não poderia deixar de puxar o saco do meu amigo Dirto.

    Parabéns equipe EPTV.

  11. [...] ano convertendo seu site para os padrões. Trabalhando junto com os técnicos da Visie, a equipe da EPTV reduziu pela metade o tempo de carga de sua home. Acompanhados pela Visie a equipe do Terra reduziu em 35% o tamanho de sua [...]

  12. Alvares says:

    Parabéns pelo trabalho! A nova versão do site ficou bem melhor!

    Alvares,
    Grife Mídia

  13. conde says:

    Não entendi essa frase “É o tempo que leva também para se criar um novo template, um novo formato de página.”

    Isso é pq vcs fizeram um CMS quer permite criar um template novo a partir de partes já anteriormente criadas ou é o tempo de se “criar” um layout?

    O trabalho de CSS fico muito bom mesmo… o problema é o layout que ainda parece mal acabado.

    Os ítens da página não possuem espaçamentos adequados… tudo muito colado… sem brancos para se respirar entre um elemento e outro… tudo realmente muito “entulhado”…

Deixe sua opinião

Mais populares

Categorias
Histórico
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • September 2008
  • August 2008
  • July 2008
  • June 2008
  • May 2008
  • April 2008
  • March 2008
  • February 2008
Recomendamos
Nossos serviços

Reviews de Extensions

Quem trabalha com Firefox sabe como as extensões podem mudar a vida de um desenvolvedor. Nós separamos algumas extensões e sugerimos para você. Confira.

Leia mais

Sobre Wordpress

O desenvolvimento com wordpress vem crescendo e sua plataforma está ficando mais robusta a cada dia. Por isso preparamos alguns artigos e tutoriais sobre desenvolvimento e implemetação de Wordpress em sites.

Leia mais

Sobre
SEO

Hoje não é sorte. Colocar um site em uma boa colocação no Google não é fácil e muitas vezes pode ser uma dor de cabeça sem tamanho. Por isso, manter um código organizado e simples é um bom começo. Separamos algumas dicas para que você consiga otimizar seu código e fazer algumas modificações nos seus sites para que eles não fiquem atrasados.

Leia mais

Tutoriais na Prática

Nós falamos muito sobre XHTML e CSS. Então, nada mais justo que ter um lugar onde você consiga aprender melhor as técnicas e metodologias de desenvolvimento com CSS e XHTML.

Leia mais

Tableless

2003 - 2009, tableless.com.br
Quase todos os direitos reservados.
Creative Commons License.