Le HTML5 ça rocks avec Google !

Google, partout, tout le temps.

C’est en effet ce que l’on constate une fois de plus car Google, très impliqué dans la définition et le développement du HTML5 qui va définir les nouveaux standards du web, vient de mettre en ligne un « bac à sable » pour les pionniers qui veulent voir un peu la bête de plus près : HTML5Rocks.

HTML5

Sur ce portail, entièrement en anglais, vous trouverez une présentation interactive du HTML5 (mais vous connaissez déjà tout 😉 ) pour découvrir les nouvelles possibilités qu’il offre.

HTML5

Mais aussi des tutoriaux pour apprendre à utiliser chaque fonctionnalité.

HTML5

Mais la particularité de ce site est son bac à sable, son terrain de jeux, la possibilité de tester en ligne et en direct du code en HTML, CSS, JavaScript, utiliser des API et j’en passe.

Amusez-vous bien et n’oubliez pas la pelle et le seau !

HTML5

Publicités

Les nouveautés du HTML5

Bonsoir.

Comme vous le savez sûrement, je suis très intéressée par les technologies du web et l’ouverture en général (comprenez que pour moi, les logiciels libres ou les technologies ouvertes à des communautés d’utilisateurs auront toujours plus d’avenir, selon moi, que les produits 100% propriétaires…), je voulais faire ici  un petit résumé sur le HTML5 qui est probablement l’avenir du web.

html5
Cette image est une bonne illustration, en anglais, des nouveautés offertes par le HTML5.

Voici donc de quoi il s’agit.

Le HTML5 est un langage de programmation web, bien sûr basé sur le HTML, qui permet de créer des pages structurées grâce à des éléments prédéfinis et utilisables directement comme une en-tête, un paragraphe, un menu, etc. Cette dernière version du HTML met à disposition des développeurs beaucoup de nouveaux éléments dont le but principal est d’améliorer l’expérience utilisateurs et l’interaction entre le document et ses lecteurs.

html5_structure

Modèle standard d'une page en HTML5

Pour cela, le HTML5 a été conçu pour devenir une plateforme simple, légère et universelle pour permettre aux créateurs d‘enrichir leurs publications facilement et d’être compatible avec les plateformes mobiles.

Voici un aperçu des principaux éléments introduits par le HTML5 et leurs possibilités :

  1. Canvas
  2. Cet élément permet d’afficher des graphiques en 2D ou 3D, des images, une sorte de « tableau noir » où l’utilisateur peut écrire où dessiner, ou bien même contenir des mini jeux. Cet objet va probablement vivement concurrencer le Flash et finir par s’imposer comme standard. Voici toute une pléiade d’utilisations du canvas, je vous laisse observer c’est impressionnant !

  3. Elément vidéo & audio
  4. Ces 2 éléments simplifient énormément l’insertion de média. La seule petite ligne <v ideo width= »400″ height= »360″ src= »vid.mp4″ > vous permet d’insérer une vidéo dans votre page. D’autres attributs offrent même la possibilité de personnaliser les players et les options de lecture.

  5. Géolocalisation
  6. Comme son nom l’indique cette API, couplée avec un peu de JavaScript, permet de déterminer la position géographique de l’utilisateur en récupérant la latitude et la longitude grâce aux antennes Wifi et aux GPS des appareils mobiles. Testez par vous même !

  7. Applications hors-ligne
  8. Cette fonction va permettre aux utilisateurs de continuer à interagir avec leurs applications et les donénes qu’elles contiennent sans être connecté à internet. Thunderbird ou Outlook sont des applications qui vous permettent de travailler avec les informations de la dernière connexion, tout en restant hors ligne. Le HTML5 offre la possibilité d’avoir cette même fonctionnalité, mais dans le navigateur.

Pour l’instant la compatibilité des navigateurs principaux, à savoir Chrome, Firefox, Safari et Opéra, laisse encore à désirer sur certains éléments mais la plupart des nouvelles fonctionnalités est déjà disponible et les mises à jours quasi-permanentes des navigateurs ne vont pas tarder à corriger les derniers détails.
Mais une chose est sûre, quand les développeurs maîtriseront le HTML5 et quand les utilisateurs auront migré vers les nouveaux navigateurs, la création web n’aura de limite que votre imagination 😉 !