Tableless - Padrões Web com Pastel e Caldo de Cana

por Elcio Ferreira Julho 20th, 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 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.

categorias:
tags:

Se ainda estiver interessado, leia também:

13 Comentários

Paulo Schilling

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.

Henrique Costa Pereira

Parabéns, muito bom este trabalho!

Elcio

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

Lhys

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.

Murilo Guilmares

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

s1mone

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

Paulo Schilling

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

Rodrigo Muniz

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

MarcoGomes

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.

Aline

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

Parabéns equipe EPTV.

Maurivan Luiz - Webstandards - i’dont care about your browser » Cursos Visie - Pertença à minoria!

[…] 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 […]

Alvares

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

Alvares,
Grife Mídia

conde

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”…

Voltar para o topo

Histórico