Você está pronto para o HTML 5?

[Gmail]

Você está pronto para o HTML 5?

Notícias

Quem acompanhou o começo da web deve lembrar do quanto as primeiras páginas eram feias. O design de páginas com HTML puro era cinza, quadradão, feito na base de frames e tabelas, as animações eram arquivos GIF toscos e restava ao webmaster fazer graça com scripts inúteis. Nesses últimos anos, vários padrões e tecnologias surgiram para ajudar a linguagem, como o CSS, o Flash e o XHTML. Mesmo assim, chegou a hora de mais mudança. A nova versão do padrão HTML está mais sólida, com os principais navegadores suportando suas inovações e facilitando assim a vida do designer, que poderá dispensar bibliotecas e pacotes auxiliares. Vale lembrar que nem tudo funciona em todos os browsers, já que, na falta de uma especificação definitiva (que está prevista para 2012), os empresas adicionam os recursos do HTML 5 nos navegadores a conta-gotas. Conheça, a seguir, as principais mudanças que já estão aprovadas pela W3C e pelo WHATWG, as entidades que decidem o futuro da linguagem HTML. Multimídia sem plug-in O conteúdo em áudio e vídeo na web é refém dos plug-ins, como o Flash, para ser exibido. O HTML 5 prevê uma forma de contornar isso com as tags <video> e <:audio>. Falta ainda definir os tipos de codecs a ser utilizados universalmente com essas tags. Hoje, Chrome e Safari conseguem exibir filmes em H.264 e tocar áudio AAC, encapsulados num arquivo MP4. Já o Firefox, fiel aos padrões abertos, mostra só vídeos Theora e som Vorbis, dentro de um arquivo Ogg. O impasse não preocupa tanto, pois as tags <video> e <:audio> podem receber mais de um arquivo, com o browser selecionando qual é a opção compatível. Para adicionar um vídeo à página, basta usar o código <video src=”meuvideo.mp4 width=”320″ height=”240″ controls></video>. CSS arrumadinho O novo HTML promete aposentar frames e tabelas das páginas, com o CSS efetivado como responsável para esse fim. Além disso, a versão 5 conta com tags para definir seções dos sites, facilitando a integração com as folhas de estilo. Atualmente, o normal é usar um elemento <div>, com seu nome indicando o tipo de seção. As novas tags são <header>, <footer>, <article>, <section>, <nav> e <aside>. Elas definem o cabeçalho, o rodapé, um artigo, uma seção (de um artigo), a barra de navegação e anotações sobre o conteúdo. Com esses elementos, é criada uma padronização que facilita a localização de conteúdo pelos buscadores e o reaproveitamento dos arquivos CSS. Gráficos nascidos na web O elemento <canvas> permite criar desenhos usando JavaScript. Assim é possível, por exemplo, transformar dados do site em gráficos dinâmicos. A tag também serve para usar um texto ou imagem como substituto do desenho, caso o browser não tenha suporte aos gráficos dinâmicos. Nesse caso, o conteúdo alternativo fica entre e <canvas> e </canvas>. Calendários sem erro Qual é a data definida por 10/2/2010? Pode ser 10 de fevereiro, no padrão usado no Brasil, e, ao mesmo tempo, 2 de outubro, no modelo americano. O HTML 5 pode contornar essas situações com tags que definem o tipo de dados e sua formatação no texto da página web. A tag <time> marca hora e data e evitaria o problema descrito acima usando o código <timedatetime=”2010-02-10″> </time>, que poderia identificar as informações do navegador e decidir qual seria a data correta, para que ela possa ser exibida no padrão do usuário. Versão offline Já ouviu falar no Google Gears? Ele transforma aplicativos web em programas que rodam no browser mesmo em máquinas sem conexão com a web. Essa mágica é feita pelo recurso DOM Storage, que poderá ser usado por qualquer site em HTML 5. Um ponto essencial dessa forma de armazenamento local é que o servidor remoto não pode acessar diretamente o conteúdo (diferentemente dos cookies). Somente o browser e os scripts da página acessada podem modificar o conteúdo offline. Hoje, cada browser usa um limite de espaço. O Firefox aloca no máximo 5 MB por domínio web acessado. Já o Internet Explorer libera 10 MB por base de dados criada, independentemente do domínio. Muito além dos cliques Existem várias bibliotecas para habilitar o suporte ao recurso de arrastar e soltar objetos em sites. Mas no HTML 5 a coisa fica bem mais fácil. Basta definir valores para três eventos em JavaScript: dragenter, dragover e drop. Eles indicam, respectivamente, a entrada e a passagem de um elemento sobre outro, além do evento para o momento em que um item é solto. Definir um elemento da página como item que pode ser arrastado é mais fácil ainda. Basta adicionar a definição draggable=”true” a ele. Fonte :info

O Chrome OS está entre nós Serviço que mostra dados públicos em forma gráfica estreia no Google Labs Acessibilidade para deficientes é ponto fraco em novo Portal Brasil Crackers desviam US$ 120 milhões em três meses nos Estados Unidos Site acusa dono do Facebook de ler e-mails privados e invadir concorrentes Simon Phipps deixa a Sun (Oracle) Software para monitorar carga de bateria tinha backdoor, avisa CERT Japoneses planejam mordomo do futuro China promete punir invasores do Google Cisco encerra produção de estações para redes WiMax O Ubuntu está pronto para rodar em servidores corporativos? A Novell vale US$ 2 bilhões? Fórum busca orientar regulamentação de e-commerce no Brasil As novidades do kernel Linux 2.6.33 Ubuntu Linux 10.04 ganha compatibilidade com iPod touch e iPhone Quatro em cinco pessoas acreditam que acesso à internet é um direito humano Análise: cloud aumentará uso de aplicativos por empresas Hackers na China roubaram código fonte, diz empresa de segurança Particionamento ideal no Ubuntu 11 categorias de cloud computing

Calendário de Treinamentos Treinamentos Período Linguagem de Modelagem UML 08/03 a 10/03/10 Pacote Linux LPI 08/03 a 05/05/10 Java Programmer 1.5 20/03 a 17/07/10 Especialista PHP 22/03 a 23/04/10 Linguagem de Modelagem UML 23/03 a 06/04/10 Simulados LPIC- I / 8hs 26/03/2010 Provas LPIC- I, II e III 27/03/2010 Pentaho-BI 12/04 a 04/05/10 Preparatório LPI Nível I 08/04 a 22/04/10 Qualidade de Software 13/04 a 20/05/10 Shell Script 17/04 a 25/04/10 Hackers for Security Network 20/04 a 13/05/10 Gerência de Projetos PMBok 20/04 a 20/05/10 Perícia Forense 08/05 a 16/05/10 Perícia Forense 10/05 a 13/05/10 Linux Device Drivers 17/05 a 21/05/10 Pacote Linux LPI 22/05 a 26/06/10 ITIL V3 Foundation 25/05 a 07/08/10 BPM 25/05 a 29/06/10 Sites Dinâmicos com Joomla 23/07 a 25/07/10 Especialista PHP 31/07 a 16/10/10 Informações Fone: 061 - 3223-3000 Site: http://www.trainingtecnologia.com.br Blog: http://www.trainingtecnologia.wordpress.com Twitter: http://www.twitter.com/grupotraining

Parceiros	Pagina Amiga
Siga-nos no Twitter	Eventos

 

[Jurânio Monteiro]

Ops!

SPAMMER na área!

Moderador: block nele!

*bang*

Jurânio Monteiro
jur...@gmail.com

"Qualidade significa fazer o certo quando ninguém está olhando" Henry Ford.

Antes de imprimir este, pense na sua responsabilidade ambiental.

2010/3/9 Gmail <milla.t...@gmail.com>

--
Você está recebendo esta mensagem porque se inscreveu no grupo "SPED - Sistema Público de Escrituração Digital" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para sped...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para sped-nfe+u...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/sped-nfe?hl=pt-BR.

[Gmail]