Migrar para html 5 e css 3 , seguro?

[Micilini Roll 49]

Pessoal estou pensando em migrar meu website todo para html 5 e css 3 e,deixar de usar html 4 e css 2 ,mas antes quero a ajuda de voces, no caso vale a pena fazer isso,ou devo esperar mais um pouco?

[William Bruno 1501]

É seguro. Use.

 

http://imasters.com.br/front-end/web-standards/semantica-html5-comece-agora-mesmo-use/

[Micilini Roll 49]

para ficar interativo a minha pagina,como eu sei que o usuario esta usando html5,css3?? no javascript coloca-se um noscript e no caso do html5 e do css3, terei que pegar a versao do broswer e ir comparando manualmente(se aquela versao possue css3 e html5),ou tem uma maneira mais facil?

[Bergs 53]

esse cara aqui detecta pra vc o que o navegador suporta. http://modernizr.com/

[RafiWskY 2]

Eu tenho acho que quase a mesma dúvida... Desenvolvendo um site em HTML5 e CSS3 como funciona para navegadores sem compatibilidade ? Existe alguma forma de tornar compatível ? Ou esses navegadores de forma alguma executará o site ?

[William Bruno 1501]

@RafiWskY, para as tags por exemplo o html5shiv, vai proporcionar suporte e as tags vão funcionar em browsers q não entendem html5 nativamente.

 

mas coisas como, input type="email", e coisas assim.. pense em progressive enchancement

[Michel Aguiar 1]

Eu já vejo muito site em html5 e css3 que funcionam muito bem nos navegadores.

 

estou tentando me aprofundar mais no assunto e vou mudar todos meus sites para html5 e recomento a quem dizer,

mas pelo que pude testa algum recursos, exemplo mp3 player, não funcionam em todos os navegadores.

então esse recurso vc poderia não usar em html5.

[Mateus Avila Isidoro 8]

Sim. Pode migrar.

[RafiWskY 2]

@RafiWskY, para as tags por exemplo o html5shiv, vai proporcionar suporte e as tags vão funcionar em browsers q não entendem html5 nativamente.

 

mas coisas como, input type="email", e coisas assim.. pense em progressive enchancement

 

Dei uma pesquisada sobre os termos... o que eu percebi é que, provavelmente existirá um re-trabalho gigantesco, tendo que definir um estilo duas vezes, é isso ? Não é muito complicado isso ? Compensa ?

[tzp 24]

arredondando o IE9 ,IE8 e IE7 representa 19% dos navegadores usados no brasil, os outros sao 81%.

 

sites em html5 e css3 sao mais rapidos vc usa menos requests nao vai precisa importa varias imagens pra ter coisas com sombras ou bordas redondas.

 

entao nao usar html5 pra agradar os 19% e deixando os 81% com sites mais lentos

 

Dei uma pesquisada sobre os termos... o que eu percebi é que, provavelmente existirá um re-trabalho gigantesco, tendo que definir um estilo duas vezes, é isso ? Não é muito complicado isso ? Compensa ?

 

entao e meio que exagero seu. vc nao tem que fazer 2 css so um css contendo oque nao da suporte no ie8 usando um if

 

<!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="ie8.css" /> <![endif]-->

 

o pessoal ja ta usando html5 e css3 faz anos se vcs nao usa estao muito atrasados.

 

5min do proprio vale menos do que 2s de 1000 pessoas.

[André do Vale 76]

Resolvo grande parte dos problemas de retocompatibilidade (IE8 e/ou 9), com:

 

var elementosHtml5 = 'address,article,aside,audio,canvas,command,datalist,details,dialog,figure,figcaption,footer,header,hgroup,keygen,mark,meter,menu,nav,progress,ruby,rp,rt,section,summary,time,video,wbr'.split(',')
for (var i = 0; i < elementosHtml5.length; i++) document.createElement(elementosHtml5[i])

E, ao contrário do William, trabalho com graceful degradation, mas não enfrento tantas dores de cabeça por me limitar ao IE8+, e no mercado que atuo ter uma fatia gigantesca de browsers compatíveis.

[RafiWskY 2]

 

Resolvo grande parte dos problemas de retocompatibilidade (IE8 e/ou 9), com:

var elementosHtml5 = 'address,article,aside,audio,canvas,command,datalist,details,dialog,figure,figcaption,footer,header,hgroup,keygen,mark,meter,menu,nav,progress,ruby,rp,rt,section,summary,time,video,wbr'.split(',')
for (var i = 0; i < elementosHtml5.length; i++) document.createElement(elementosHtml5[i])

 

André, poderia dar um pouco mais de detalhes sobre o que esse código faz ?