Tableless - Desenvolvimento inteligente com Padrões Web

06/07/2010
Artigos

HTML5 e seus companheiros

O HTML5 veio para mudar. Mas o HTML5 sozinho não faz verão. Por isso, é bom que saibamos que o CSS e o Javascript fazem boa parte do trabalho.

Por

Este artigo faz parte de uma pesquisa que fiz para o novo livro. Estou com o tempo bastante curto para diagramá-lo de forma adequada para um artigo, por isso ele pode parecer sem pé nem cabeça. ;-)

A guerra entre os Padrões Web e tecnologias como o Flash começou de verdade.
Desde o momento que as possibilidades do HTML5 e CSS3 foram publicadas, um pequeno burburinho entre os desenvolvedores sobre uma possível concorrência entre os Padrões e tecnologias como o Flash começou a rolar. Alguns desenvolvedores descrentes começaram a acreditar no poder das novas tecnologias para desenvolvimento web e novamente o HTML e o CSS tiveram a grande atenção de empresas e desenvolvedores.

Mesmo assim existem pontos que precisam ser esclarecidos. Muitos estão fazendo uma confusão com significados, objetivos e as reais soluções que essas novas tecnologias proporcionam:

  1. O HTML5 sozinho não faz nada além de dar significado à informação. Com ele, o CSS 3 e o Javascript completam o pacote para que todas essas mudanças que andamos lendo faça sentido de verdade. Mesmo com a midia fazendo um alarde muito grande em cima do HTML 5, uma boa parte das mágicas deve-se ao poder do CSS 3.
    Contudo o HTML5 está sendo totalmente reformulado para que haja mais integração entre o trio HTML, CSS e Javascript.
  2. Os browsers são independentes, mas trabalham todos juntos em pról dos Padrões Web. Embora cada um deles tenham interesses financeiros óbvios, todos eles sabem que a única maneira de estar à frente do concorrente é andar lado à lado com os Padrões. O que basicamente diferencia um browser do outro são os serviços agregados, velocidade e facilidade de uso. Dificilmente um browser ganhará mercado se ele for super ultra compatível com os padrões. A não ser que a massa de usuários saiba o que isso signifiqueo ou que haja uma campanha muito forte, partindos dos desenvolvedores e empresas interessadas para evangelizar e educar os usuários finais.
  3. Se você não começar a forçar o desenvolvimento da sua empresa para que os projetos sejam desenvolvidos focando browsers atuais, seu projeto pode ficar obsoleto em pouco espaço de tempo. Daqui pra frente o mercado vai ficar cada vez mais dinâmico. Conforme os browsers vão se atualizando e o W3C libera novos padrões, você, seu cliente e seu projeto podem ficar para atrás. Por isso é interessante haver principios de Graceful Degradation nos projetos para que usuários de browsers mais atuais se beneficiem de um visual mais bem acabado, velocidade de carregamento da página e tecnologia atual. Entenda que eu não estou dizendo para criar projetos para um browser específico, mas limitar características visuais e funcionais de browsers mais antigos.

O HTML foi criado por uma necessidade de compartilhar, interligar e portar informação. Logo, o HTML precisa ser uma linguagem que possa ser lida por qualquer meio de acesso.

O HTML 5 modifica a forma com que damos significado para a informação na web. Você está acostumado a escrever código para criar elementos que são renderizados pelo browser e lidos por diversos meios de acesso. Estes elementos tem seus respectivos significados. Para manipular estes elementos, você utiliza Javascript para controlar o CSS que formata as características deste objeto. Por mais que bibliotecas como JQuery sejam ótimas, a maneira que manipulamos o comportamento dos elementos não é a melhor. Existem diversas necessidades que não são resolvidas de uma maneira fácil ou que simplesmente não há solução. Além do HTML 5 renovar a forma com que atribuímos significado, ele nos dá ferramentas para facilitar a manipulação dos elementos.

Alguns desenvolvedores não entenderam as verdadeiras mudanças do HTML 5 e suas reais implicações sobre o desenvolvimento client-side. Saiba que o HTML 5 veio para estreitar as ligações entre o HTML, o CSS e o Javascript. Todos eles trabalharão mais integrados a partir de agora. Se acostume para ver pencas de código Javascript por aí. Isso é por conta das famosas APIs que o HTML 5 está trazendo.

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://diegotres.com Diego Tres

    Certíssimo meu xará!

    Dei uma palestra semana passada e falei exatamente o que vc disse!

    Estão fazendo muito barulho em cima do HTML5, o que, cá pra nós, não faz nada sozinho!

    Ouço o tempo todo frases como:

    - Agora com HTML5 dá pra fazer borda arredondada, né? (Borda arredondada é CSS3)

    - Agora com HTML5 o site não precisa mais ficar estático, né? (Não!!! Animação não tem nada a ver com HTML5, exceto pela tag canvas que também é manipulada via javascript)

    Acredito que muito mais do que HTML5, a evolução está nas engines de javascript dos browsers o que possibilita animações muito mais suaves e consumindo menos processamento( levando em conta que o programador fez um bom trabalho).

    O lado bom disso tudo é que o CSS3 e o Javascript estão sendo impulsionados por esse barulho todo, e os browsers estão tendo que manter constantes atualizações para atender aos desenvolvedores e usuários finais.

    abs,

    D3

  • Pingback: Tweets that mention HTML5 e seus companheiros | Boas práticas de Desenvolvimento com Padrões Web -- Topsy.com

  • http://hajaluz.webluz.net Luiz Aquino

    Acredito que o HTML está mais ligado ao desenvolvimento no lado dos navegadores, do que propriamente para quem desenvolve o site. Enquanto o CSS sim, oferece as opções para a apresentação da página. Já o JavaScript oferece o dinamismo que o CSS não tem. Se a evolução do CSS fosse mais dinâmica não precisaria de Javascript. É curioso que muita gente critica o Internet Explorer mais esquece que o JavaScript era uma linguagem para o netscape que tomou vida própria… se a MS tivesse trabalhado em algo semelhante poderia hoje ter uma comunidade do mesmo porte desenvolvendo web… é interessante como o tempo passa, as coisas se repetem e a MS não aprende..

  • http://willianfernandes.com.br Willian Fernandes

    Diego,
    fiquei impressionado ao ver você, um designer, defendendo o JavaScript.
    Há muito tem se falado que JavaScript é a linguagem do futuro. Nunca duvidei disso, afinal, é uma linguagem espetacular e poderosa.

    Quando você diz que o HTML5 vem para unir HTML, CSS e JS está completamente correto.

    Muita gente fala que o HTML5 tirará o Flash da jogada, mas sem um bom CSS3 e JS isso não será possível.

    abraço,

  • http://brunno.net Brunno Gomes

    Muito boas colocações.

    E sobre o fato da relevância cada vez maior do Javascript e o fato do HTML5 estar estreitando as relações com ele e o CSS, acredito que com tecnologias como CouchDB que utiliza REST para tudo e o trio HTML5, Javascript e CSS vai ser comum termos aplicações que não precisam de uma linguagem do lado do servidor.

  • http://www.juliobitencourt.com Julio Bitencourt

    Diego, perfeito o ítem 2.

    A grande maioria dos usuários nem faz ideia do que sejam os padrões. Muita gente não sabe nem o que é navegador.

    Instalam o Windows piratão com o IE que vier e tá valendo.

    Com relação ao Graceful Degradation. Qual a sua postura ao tratar com o cliente? Digo, Qual sua experiência em “vender” esta técnica?

    Em alguns projetos recentes estou utilizando CSS3 para bordas arredondadas, gradient, text-shadow, etc. Para alguns clientes eu consegui explicar o conceito e mostrei que, no IE por exemplo, as características se perderiam. A aceitação tem sido boa até.

    Abraço!

  • http://www.lucascda.com.br Lucas CDA

    Opa! Diego, em relação a esses princípios de Graceful Degradation, será que essa sua opinião é um pouco descuidada?

    Pois tem muita gente no Brasil que ainda utiliza o IE6. Falo isso pq trabalho com manutenção de computadores/criação de sys web e existe um número considerável de pessoas que lutam para não atulizar o IE.

    Então essa pessoa não poderiam utilizar todos os recursos do site?

    Quando fazia estágio na ESMPU em Brasília, na época em que foi lançado o browser da google.

    Fizemos um relatório para saber quais os browser acessavam o nosso site e o IE estavam uns 15% a frente do firefox, mas em especial o IE6 tinha a maior porcentagem!

    Grato pela atenção e parabéns pelo o artigo.

  • http://tcelestino.com.br Tiago Celestino

    Uma coisa é certa, quem acha que o HTML5 vai substituir o Flash, está sendo influenciado por comentários sem explicações do Steve Jobs, isso é fato.

  • Vivaldo Casimiro

    Meus caríssimos,
    Eu sou de opinião que os créditos que estão a dar no HTML5 deveria ser para o CSS3 e o Javascript.

    Vejamos, será que ao estruturar-mos uma página web teremos os efeitos que pretendemos sem o CSS3 e o Javascript? Não.

    Amigo Tiago Celestino, o Steve Jobs não está influenciar ninguém ele simplesmente justificou o porquê que não utiliza Flash nos seus produtos, adoptou HTML5, CSS e JavaScript por serem padrões abertos.

  • Pingback: Top 10 Links [19] | blog do Kadu

  • Pingback: Blog da Coutoschmidt » Updates semanais do Twitter for 2010-07-12

  • http://guimesmo.blogspot.com guimesmo

    “Uma coisa é certa, quem acha que o HTML5 vai substituir o Flash, está sendo influenciado por comentários sem explicações do Steve Jobs, isso é fato.”

    Não acretito que substitua o Flash, mas a união html5+js+css vai deixando o flash menos relevante.

    Ótimo post.

  • WebDiminuto

    Com certeza, com a evolução dos padrões web e a aplicação de Graceful Degradation nossos projetos ficarão mais “limpos” tanto em código quanto em quantidade de imagens (onde estas poderão ser substituídas por CSS 3: em cantos arredondados, por exemplo). Infelizmente, em alguns casos não temos a mesma sorte que o colega Julio Bitencourt, no meu caso a começar por colegas dentro da própria empresa. Para algumas pessoas, incluindo colegas desenvolvedores, certas coisas (feitas com CSS3, por exemplo) não funcionarem no IE (pelo menos até o momento) é inadmissível! Isto nos obriga, em certos momentos, a voltar ao velho “arroz com feijão e IE”. A evolução dos padrões facilita muito nossa vida. Espero que a Microsoft acerte no desenvolvimento do IE 9, espero que realmente eles façam um trabalho melhor dos que os feitos anteriormente. Acho que com a evolução do IE alguns colegas abrirão os olhos ao que antes eram avessos. Talvez assim a evolução dos padrões fique acessível a todos. Façamos uma novena pelo desenvolvimento do IE 9 =D…

    Diego, parabéns pelo trabalho.

  • Marcelo

    Seu site é bonito, os artigos são bons. Porém resta apenas uma pergunta:

    Porque que vocês divulgam essa nova versão do HTML, CSS e Javascript, mas usam WordPress na construção do site de vocês?

    Claro, sei que pode ser uma maneira mais rápida de publicação, tem ferramentas de administração… enfim, ‘n’ qualidades.

    Mas uma empresa que até foi chamada para escrever artigos sobre HTML5, deveria usar, para demonstrar, e não apenas colocar exemplos na “apostila”, uma apostila que não tem versão em PDF, que não pode ser baixada…

    É como Bill Gates.. vende o Windows e usa Mac….rsrsrs