Les trucs vraiment nouveaux de HTML5

La semaine dernière s’est déroulée à Austin au Texas la SXSW (South by Southwest), un des plus grands festivals de musique, films et médias interactifs. C’est un des rendez-vous les plus importants pour le web, où les plus grands acteurs donnent des conférences sur tous les sujets du moment. Google était donc présent, et a donné pendant près de 3 heures une série de mini-conférences sur Android, Google+ et le web. Paul Irish, développeur dans l’équipe de Chrome, a présenté pendant 20 minutes les « trucs vraiment nouveaux nouveaux tout chaud » en HTML5. Si vous avez un peu de temps et que vous voulez rester à la page, cette vidéo est faite pour vous ! (la présentation de Paul Irish débute à 1h51)

Google Developers SXSW Lightning Talks

Voici l’ensemble des sujets abordés, avec les liens vers les démos présentées :

  • Les régions et exclusions CSS (article, démo), pour créer des mises en pages avancées comme dans des magazines
  • Les filtres CSS (démo), pour appliquer des effets (flou, luminosité, contraste, …) sur n’importe quel élément d’une page
  • La propriété navigator.connection, pour connaître le type de connexion de l’internaute
  • L’API FullScreen (démo), pour afficher n’importe quel contenu d’une page en plein écran
  • L’API Pointer Lock (démo), pour contraindre le curseur de la souris à rester dans une zone précise (idéal pour les jeux)
  • L’API GamePad (démo), pour utiliser une manette de jeu
  • L’API Page Visibility (démo), pour savoir si une page web est affichée ou en arrière-plan
  • La fonction requestAnimationFrame (article, démo), pour créer des animations en utilisant efficacement le processeur de la machine
  • La fonction getUserMedia (démo Photobooth, démo Webcam Toy, démo explosion), pour utiliser la webcam et le micro de l’internaute
  • WebRTC, pour créer du chat audio/vidéo en temps réel

 

  1. pomeh, le

    Très intéressant tout ça ! Merci pour le partage :)

    Je rajoute quelques liens pour ceux que ça intéresse:
    – les slides de la présentation http://dl.dropbox.com/u/39519/talks/html5-therealbleedingedge/template/index.html
    – les différentes ressources dont il parle à la fin http://www.html5rocks.com http://html5please.com http://html5-demos.com http://html5demos.com/
    – une autre démo semblable à celle de Paul Irish mais pas tout à fait http://html5-demos.appspot.com/static/html5-therealbleedingedge/template/index.html (il y a plein de liens vers des présentations sur html5-demos.com)