[HTML5] – demos

Publié le 20 novembre 2010 par Michael

HTML5 : demos d'un grand nombre de fonctionnalité

Divers fonctionnalité ce trouvant sur le site :

  • Le drag and drop d’objet ou de texte (toujours très pratique)
  • Un effet de dégradé (interactive canvas gradients)
  • Système de chat (simpla chat client)
  • etc …

dataset (data-* attributes)

History API using pushState

Drag files directly into your browser Not directly part of HTML5

Simple chat client

Two videos playing in sync

Interactive canvas gradients

Canvas & Video

Video

Canvas

Content Editable

Geolocation Works on Safari Mobile too

postMessage same domain

postMessage cross domain

drag and drop

drag anything

offline detection Works on Safari Mobile too

navigator.onLine tests Doesn’t use events, only polls

on/offline event tests

offline application using the manifest FF 3.6 is still buggy – doesn’t request manifest after initial load

Storage

Web SQL Database Storage

Web SQL Database – rollback test

Web Workers watch out – uses a lot of CPU! example without – will hang your browser

Les grandes marques qu’y s’intéressent à l’HTML5 :

  • Google
  • Mozilla
  • Palm
  • Apple

N.B. : J’ai effectué mes testes sous “google chrome”.

Source : html5demos.com