Bem vindo. Este é um blog de novas idéias e tudo que vier à cabeça

tableless-conceito-ocasulo

Havia preparado o texto para explicação para um cliente, mas achei ,mesmo batido , ainda tão relevante o assunto que publicar por aqui não é nada mal, ainda mais que esse blog está às traças… Uma pena, mas isso é resultado de muito trabalho. E enquanto tem trabalho, está bom demais! ;)

Primeiro, o conceito

O site construido usando Tableless usa as tags do HTML respeitando os seus valores semânticos (de acordo com suas definições pelo órgão regulador W3C).

Além disso, uma vez a web 2.0 sendo uma encorajadora do uso dos padrões web para o desenvolvimento, por que o Tableless, que é um técnica e não uma linguagem que surgiu junto com o amadurecimento da web.

Sendo assim as vantagens, que são inúmeras, contribui para a construção do site que é feita uma melhor separação das camadas de desenvolvimento: apresentação, negocio e estrutura. Facilitando principalmente a leitura entre-navegadores (Cross-Browser) e, no caso do SEO, na interpretação do código pelas ferramentas de busca. Estas últimas “enxergam” o código apenas na camada de conteúdo, não considerando as outras camadas de desenvolvimento o que contruibui largamente na classificação do conteúdo e na mensuração de sua relevência perante às buscas.

Mas na prática, quais as diferenças entre TABLE e TABLELESS ?

Com a utilização das tabelas o site tende a tornar-se mais lento, pois os arquivos ficam mais pesados devido a um número maior de tags que são utilizadas. Abaixo algumas comparações:

Table

_Tamanho de arquivo de 200 linhas: ~ 14Kb
_Consumo de banda a cada 100 visitantes: ~ 1.4 Mb
_Arquivo fica embaralhado e com muitas linhas desnecessárias

Tableless

_Tamanho de arquivo de 200 linhas: ~ 8Kb
_Consumo de banda a cada 100 visitantes: ~ 0.8 Mb
_Arquivo limpo e com menos linhas

Fontes de estudo:
Comente este post | warmachine | 21 de outubro de 2009

blueprint-img

Algum de vocês já deve ter o link ou já deve ter ouvido falar sobre esse conjunto de arquivos que compõe o framework css para desenvolvimento de páginas html. A primeira pergunta que me fazem quando falo sobre ele é: como assim, framework de css? Eu explico (ou vou tentar).

Sabe quando você projeta todo o layout do site em Tableless e corre pro Firefox com sua espetacular ferramenta de debug (Firebug), ajusta todo o código CSS (lindo!), e se dá por satisfeito. Aí se lembra que tem o temido Internet Explorer e suas compilações loucas de estilos, que normalmente bagunça mais do que ajuda. Então, o Blueprint veio pra auxiliar-nos, pobres web designers ou desenvolvedores, a minimizar o trabalho braçal que é adaptar um projeto para que ele seja cross-browser.

O mais bacana de tudo isso é que o Blueprint não só dá esse help, mas também auxilia na criação de formulários, grids, versões para impressão e etc. E junto do pacote ainda vai um script escrito em Ruby para compactação e customização do código CSS usado no projeto.

Pra quem não quer mais gastar muito tempo em desenvolvimento HTML, fica aí a dica.

Comente este post | warmachine | 6 de maio de 2009






Desenvolvido por Kaus Midia | Powered by Wordpress.org