Participe deste Projeto

5 Sites que mostram o poder do HTML5

Publicado em agosto 24th, 2011 |

w3c exibe logo oficial para html5 5 Sites que mostram o poder do HTML5

Logo oficial do HTML5


Nem bem o HTML5 terminou de ser escrito, ou implementado nos browsers, e a cada dia que passa somos surpreendidos por ferramentas cada vez mais avançadas utilizando-se este padrão.

Separei 5 sites que mostram o poder do HTML5 e impressionam pela funcionalidade sem usar uma simples animação em Flash. Lembrando que para testar as aplicações, você deve ter um navegador que suporte estes recursos.

1» CanvasPaint

cphtml5 5 Sites que mostram o poder do HTML5

O Paint, ferramenta clássica do Windows, sempre deu uma ajuda em edições rápidas de imagens. Redimensionar uma imagem, montar um esboço rápido, colocar um texto em uma imagem, ou simplesmente ficar fazendo rabiscos sem sentido algum, o Paint sempre foi uma ótima alternativa.

Christopher Clay desenvolveu uma cópia praticamente igual ao Paint da Microsoft, o CanvasPaint, utilizando a tag <canvas> do HTML5. E o código da ferramenta está em Domínio Público no blog da aplicação.

2» 20 Things I Learned About Browsers and the Web

20html5 5 Sites que mostram o poder do HTML5

Criado para ajudar pessoas que estão curiosas sobre o que é a internet, mas não tem conhecimento de tecnologia mais avançado, este site da Google e ilustrado por Christoph Niemann, tem esse objetivo.

Nele é possível navegar virando-se as páginas ou navegando por setas, o site ensina 20 coisas sobre a Web. Outra grande vantagem demonstrada por esse site é a API de armazenamento de dados offline proposta no HTML5. Depois de carregado o site, é possível acessar seu conteúdo tanto com ou sem conexão com a internet.

3» The Expressive Web

ewhtml5 5 Sites que mostram o poder do HTML5

Após o anúncio do Adobe Edge, um programa para criar animações em HTML5 e Css3, a Adobe aproveitou e lançou o The Expressive Web, um site que demonstra várias inovações utilizando essas duas tecnologias. É possível experimentar transições, áudio, vídeo, dentre outros.

Algo muito parecido com o HTML5 Showcase da Apple.

4» Aviary

aviaryhtml5 5 Sites que mostram o poder do HTML5

O Aviary começou como um editor de imagens grátis, e hoje já é possível criar músicas online, utilizando apenas HTML5. Se quiser fazer alterações em fotos, mas não tem o Photoshop instalado em sua máquina, o Aviary é uma ótima alternativa.

5» Infinity Super Mario

smhtml5 5 Sites que mostram o poder do HTML5

Não foi por acaso que o encanador mais famoso do mundo ficou por último. Mario conquistou milhões de fãs no mundo inteiro com seus jogos em consoles Nintendo.

Robert Kleffner então adaptou o Infinity Mario Bros de Markus “Notch” Persson, que rodava em Java, para o HTML5. Existem problemas de som e de travamento do jogo em HTML5, mas garantirá aos jogadores várias e várias horas de diversão, já que como o próprio nome diz, ele tende a ser infinito. A cada fase completada pelo usuário, mais e mais são criadas.



Tags:  |  |  |  |  |  |  |  | 

Ei, psi!! Convidamos você a visitar esses links também.

Rodrigo Bacelli

Sou o Rodrigo Bacelli, 22 anos, graduando em Sistemas de Informação pela UENP. Fã da tecnologia, Programador e Geek, procuro estar sempre atualizado no que rola no mundo digital.



Comentários

  1. Publicado por Feed Tudo é aqui! on agosto 24th, 2011, 11:37

    5 Sites que mostram o poder do HTML5: embaPub="1a6727711b84fd1efbb87fc565199d13";
    Nem bem o HTML5 terminou de se… http://t.co/Qa652RY

    [Responder ao Comentário]
  2. Publicado por Everton Sousa on agosto 24th, 2011, 11:39

    5 Sites que mostram o poder do HTML5: embaPub="1a6727711b84fd1efbb87fc565199d13";
    Nem bem o HTML5 terminou de se… http://t.co/J7DqkK2

    [Responder ao Comentário]
  3. Publicado por Glid - Tecnologia We on agosto 24th, 2011, 12:41

    5 sites que mostram o poder do HTML5  http://t.co/N4zHCNl

    [Responder ao Comentário]
  4. Publicado por Brígido Silva on agosto 24th, 2011, 13:59

    5 Sites que mostram o poder do HTML5: Nem bem o HTML5 terminou de ser escrito, ou implementado nos browsers, ea … http://t.co/DBrxK6Q

    [Responder ao Comentário]
  5. Publicado por www.mundodse.com on agosto 26th, 2011, 09:04

    Muito legal! =]

    [Responder ao Comentário]

    Rafael Hernandez comentário:
    fevereiro 9th, 2012 at 07:15

    Obrigado pelo comentário!

    [Responder ao Comentário]
  6. Publicado por Rafael C. Oliveira on outubro 7th, 2011, 08:52

    5 Sites que mostram o poder do HTML5 – http://t.co/D362RhUD #html5

    [Responder ao Comentário]
  7. Publicado por Luis Aguiar de Morais on outubro 14th, 2011, 02:14

    Valeu! agora tô quase entendendo oq é html5

    [Responder ao Comentário]

    Rafael Hernandez comentário:
    fevereiro 9th, 2012 at 07:16

    Olá Luiz obrigado pelo comentário e bons estudos.

    [Responder ao Comentário]
  8. Publicado por Cubuz® Com & Mkt on novembro 20th, 2011, 13:47

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo

    [Responder ao Comentário]
  9. Publicado por Otávio on novembro 26th, 2011, 13:26

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo #robots #blog

    [Responder ao Comentário]
  10. Publicado por LU WEB ARTS on novembro 30th, 2011, 23:54

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo #robots #blog

    [Responder ao Comentário]
  11. Publicado por Celso Cestaro on dezembro 1st, 2011, 08:21

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo #robots #blog

    [Responder ao Comentário]
  12. Publicado por Deodato Tanus on dezembro 7th, 2011, 10:35

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo #robots #blog

    [Responder ao Comentário]
  13. Publicado por Rodrigo Bacelli on dezembro 23rd, 2011, 10:28

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/ut19TwFh #postantigo #robots #blog

    [Responder ao Comentário]
  14. Publicado por Paulo César Coutinho on dezembro 23rd, 2011, 10:36

    5 Sites que mostram o poder do HTML5. Saiba mais aqui: http://t.co/9NRncxVh #postantigo #robots #blog”

    [Responder ao Comentário]
  15. Publicado por opa!web on janeiro 3rd, 2012, 12:54

    5 Sites que mostram o poder do HTML5 http://t.co/R2ugD42T

    [Responder ao Comentário]
  16. Publicado por Raphael Simon on janeiro 3rd, 2012, 13:00

    5 Sites que mostram o poder do HTML5 http://t.co/R2ugD42T

    [Responder ao Comentário]
  17. Publicado por Nelson Mauricio on fevereiro 7th, 2012, 08:24

    Olá, tudo bem. Estou precisando de montar um site em html 5 e css,preciso de um código para deixar o site centralizado em todas as orientações, ou seja bem no centro da página. Tanto no topo, base, direita e esquerda. Com a novas tags – como fazer isso? Alguém pode me socorrer. Ah em html 5 ( article, header, aside, nav). Obrigado.

    [Responder ao Comentário]

    Rafael Hernandez comentário:
    fevereiro 9th, 2012 at 07:17

    Olá Nelson,

    Bem de uma olhada neste link: http://www.rdencurta.me/1mo acho que pode ajudar um pouco.

    Um abraço e obrigado pelo comentário.

    [Responder ao Comentário]

Deixeu seu Comentário

Atenção:
Qualquer opinião publicada aqui no Blog Rafael Designer pelo nosso sistema de comentários, não reflete necessariamente, o pensamento e opinião de nossos Colaboradores. Os comentários publicados e aceitos pelo nosso sistema automático são de total responsabilidade e autoria dos leitores de nosso blog.

Sendo assim, reservamos o direito de excluir ou mesmo alterar opiniões que sejam de caráter ofensivo, calunioso, difamatório e preconceituoso como também leitores que publicarem somente links de forma a tentar ganhar Backlinks autênticos.