HTML5, CSS3 e o futuro da Internet
Já faz um tempo que o site da minha empresa, a Verso e Inverso, foi feito com HTML5, o que tem facilitado muito a estruturação e organização dos códigos, além de se ter uma melhora na leitura do que é cada parte do site.
O HTML5 tem ganho muita notoriedade no mercado por causa da sua flexibilidade e novas interações que são oferecidas em conjunto com o Javascript, uma programação que acontece diretamente no navegador do usuário, trazendo animações complexas e com efeitos visuais muito interessantes, que podem superar aquelas que hoje vemos em sites feitos com Flash, já que ao criar sites em HTML tornamos o conteúdo visível pelos buscadores, algo que com o Flash não se obtém.
Porém o HTML5 encontra, como todas as novas tecnologias, um adversário implacável e que não traz benefício algum: a falta de atualização dos computadores e navegadores. Infelizmente a família Microsoft (entenda-se Internet Explorer) não possui suporte até o momento de versão estável para o usuário final e também complica pelo fato de que, a cada nova versão criada pela Microsoft, novos códigos devem ser feitos, pois cada versão lê o código de forma diferente, necessitando muitas vezes de atalhos desaconselháveis para funcionar. Mas o HTML5 funciona através de um script que a Google gera e atualiza com a lista de tags (marcadores) utilizados para criar um site, assim sendo o HTML5 é melhor visualizado nos seguintes navegadores: Google Chrome, Opera, Safari e Firefox, sempre nas suas últimas versões (claro!).
Na onda do HTML5, o CSS3, que é o que complementa o HTML, traz muitas inovações no campo visual, pois hoje, se desejamos fazer uma sombra em um box (para dar volume ou porque um objeto merece algum destaque), necessitamos recortar cada pedaço da sombra e acrescentá-la como imagem, o que acaba, no fim das contas, pesando o site e demorando pra carregar, já que são mais arquivos para serem baixados. Ou se desejamos criar um efeito de sombra em um texto ou a famosa borda arredondada, novamente criamos as imagens de cada parte e adicionamos como imagem ao site o que, no total de um site, fica muito pesado e desnecessário. O que o CSS3 traz é um conjunto de funções que aplicam estes efeitos sem a necessidade de inserir imagens, porém novamente encontramos problemas na atual família de navegadores da Microsoft (ou seja: fuja do Internet Explorer).
O importante para se visualizar corretamente estes sites e os novos que surgirem (a Google noYoutube já usa muito do HTML5 e CSS3 por exemplo) é manter o computador e navegadores sempre atualizados por causa da própria segurança e também para não ter problemas em não conseguir acessar algo, tirando melhor proveito da Internet. Se você na sua empresa ou residência só usa o Internet Explorer 6 ou 7, recomendo atualizar para a versão 8 e, futuramente, para a versão 9 (quando lançarem), mas para acessar outros sites recentes e ficar atualizado na internet, abaixo segue uma lista de links para download de cada navegador compatível com HTML5 e CSS3 para Windows.
Importante: você pode ter vários navegadores no seu computador e utilizá-los conjuntamente, sem que um influencie ou prejudique o uso de outro. Ou seja, caso você tenha o Internet Explorer e fica com receio de deixar de usá-lo, saiba que você não irá desinstalá-lo, pode usar um outro e, quando for conveniente ou achar necessário, utilizar o IE (em paralelo).
Colunista:
Rick
Formado em Comunicação para Web, trabalha há mais de 14 anos como Designer de Interface e Programador FrontEnd, também presta serviços de suporte técnico em informática, através da VIDIT - Digital Solutions. Twitter: @_RickBenetti. Confira a apresentação completa dele.
11 "parpite"
1.
Rodrigo Pires publicado em 24 de agosto de 2010 às 21:46
Texto bem elaborado onde consegue tira as dúvidas que ficam vagas pelo ar…
2.
Riccardo Benetti publicado em 25 de agosto de 2010 às 13:49
Boa tarde Rodrigo, que tipo de dúvidas você teria? no CSS no Lanche e Pinceladas da Web sobre HTML5 além de que o Google já me ajuda e muito quando preciso encontrar algo sobre HTML5, até hoje não vi forma melhor de me informar ou saber como usar o HTML5 e o CSS3 sem os buscadores, já que os manuais da W3C falam de formatos, estilos mas não são práticos.
3.
@higor_oliveira publicado em 26 de agosto de 2010 às 15:56
Bom texto, cara! O que mais me frusta é a Microsoft me impedir de por novos conhecimentos em prática. Muitos usam o IE 7, 8.. e nesses só da pra explorar algumas coisas do CSS3. E outra, li em algum lugar do qual não me lebro (rs), que o IE9 só será aceito em Windows 7 ou seja, quem usa XP não terá, e nós, desenvolvedores, ficamos limitados, por enquanto.
4.
Silvia Zampar publicado em 26 de agosto de 2010 às 16:05
E o pior é que tem gente que é fervoroso defensor do IE e diz: "ah, os outros navegadores ainda dão muito problema pra abri certas páginas, por isso que eu continuo com o IE".
Ainda ontem um amigo me falou: o IE é usado por 80% das pessoas pra entrar na Internet, por isso só uso ele. Peguei e dei um print das estatísticas do meu blog pra ele ver que hj o IE tem 43% e vem caindo cada vez mais… (ueba – rs)
5.
Riccardo Benetti publicado em 26 de agosto de 2010 às 23:09
Então Higor, sejamos sensatos se o IE6, tem 15anos, o Windows XP que foi lançado junto tem quantos mesmo?
Tava na hora de um sistema operacional bom (pois eu uso o Windows 7 e realmente é bom, melhor que o Vista e o XP) ser colocado no mercado, todos os navegadores estão começando a deixar de suportar o XP, o XP só tem suporte dos novos aplicativos se tiver o SP3 (service pack 3, pacote de atualização 3) sem o qual não terão mais suporte, tá na hora de o mundo se renovar. Então mas o IE7 e o IE8 não aceitam nada de CSS3, o IE8 chega a interpretar melhor os códigos do CSS 2.1 mas para ali.
A Silvia tem razão o IE tá caindo na utilização, o pessoal tem que parar com o preconceito que todos usam uma determinada coisa, e experimentar e acessar sites atuais usando o Firefox, Chrome, Opera e até o Safari pra ver como é bom navegar na web.
6.
Amanda Cássio publicado em 30 de agosto de 2010 às 11:59
Encontrei na web um ótimo artigo que mostra 10 efeitos com propriedades css3, porém não funciona no meu IE7. Com CSS3 da pra fazer coisas muito lindas….
7.
Riccardo Benetti publicado em 07 de novembro de 2010 às 12:01
Olá Amanda,
infelizmente nenhum Internet Explorer que funcione o HTML~5 e o CSS3, a versão 9 que estão falando ainda apresenta muitos erros e problemas.
Porém não deixe de testar e utilizar efeitos básicos como as bordas arredondadas, sombras e font-face (utilizar outra fonte que não seja de sistema).
8.
Riccardo Benetti publicado em 07 de novembro de 2010 às 12:12
Olá Marcos,
então mas o Internet Explorer pelo que é visto em agências de Web, está mais presente nas médias e grandes empresas principalmente, já que estas são as que buscam soluções integradas e muitas vezes acham que a Microsoft ou produtos dela são os melhores e quando o fazem ficam presos a navegadores que se tornam obsoletos e muitas vezes antiquados para Internet.
Como você deve saber é quase impossível criar sites para Internet Explorer sem utilizar hacks (comandos no CSS e/ou Javascript) e por isso para o HTML5 recomendo usar um script que gere as tags mais usadas.
No site do Pinceladas da Web você pode encontrar o script que deve ser utilizado para que os Internet Explorer leiam o HTML 5 – http://goo.gl/dUSur
9.
Lucas Moreira publicado em 29 de novembro de 2010 às 11:49
Felizmente o IEca tá caindo..
Boa experiência de navegação (e desenvolvimento, claro!) é com FF, Chrome e Opera!!
Lucas Moreira
Desenvolvedor web
Aguarde… Uma rede social está chegando…
10.
Riccardo Benetti publicado em 29 de novembro de 2010 às 12:40
É verdade Lucas, o IE está caindo porém como muitos dos usuários são básicos ou empresas temos sempre que alertá-los e se possível auxiliá-los para instalação e utilização destes novos navegadores.
11.
CSS 3 – A arte da web – António e Júlia – lab2 publicado em 27 de abril de 2011 às 21:06
[...] http://tudibao.com.br/2010/08/html5-css3-e-o-futuro-da-internet.html [...]