HTML 5, CSS 3, c’est pour quand ?

A défaut de pouvoir répondre à cette question, on peut s'apercevoir que les choses se sont accélérées ces derniers mois. Les mise à jour des navigateurs se succèdent et la compatibilité HTML5, CSS3 et des nouvelles API Javascript s'accroît. De plus, lorsqu'on voit Microsoft pointer le bout de son nez avec son nouvel IE9 (qui - miracle - gère  « Canvas » entre autres choses), on peut se dire que ça s'annonce plutôt bien.

Un des sites qui montrent la progression de la compatibilité des navigateurs à ce sujet :
http://www.findmebyip.com/litmus

Par la pratique

Pour avoir un premier aperçu de ce qu'il est déjà possible de faire, il suffit de cliquer sur le lien suivant qui présente les dernières APIs Javascript et les nouvelles fonctionnalités HTML5 et CSS3, avec pour certaines des exemples (attention, ceux-ci ne fonctionne pas sous tous les navigateurs).
http://slides.html5rocks.com/

Voici ce qu'on y trouve :

  • API Javascript
    • Nouveaux sélecteurs
    • "Web Storage"
    • "Web SQL Database"
    • "Offline Web Application"
    • "Web Workers"
    • "Web Sockets"
    • "Notifications"
    • "Drag&Drop"
    • "GeoLocation"
  • HTML5
    • Les nouveaux "tags"
    • Les nouvelles relations pour les "tags" de type lien
    • "MicroData"
    • Les nouveaux attributs ARIA
    • Les nouveaux champs de formulaires
    • "Audio" et "Video"
    • Canvas et canvas3d (WebGL)
    • SVG
  • CSS3
    • CSS Selectors
    • Support de nouvelles fonts
    • "Text wrapping" ou comment cacher partiellement du texte
    • Gestion des colonnes
    • "Text Stroke"
    • La transparence pour tous
    • Nouvelle gestion des couleurs
    • Les coins arrondis
    • La gestion des gradients
    • La gestion des ombres
    • Les extensions de la propriété "background"
    • Les transitions
    • Les transformations
    • Les animations

Il est conseillé de tester les exemples de cette présentation avec la dernière version de Chrome (ou mieux, Chromium, qui est à la base de Chrome). En ce qui concerne le webGL, il est nécessaire de faire une petite manipulation (http://www.korben.info/demo-webgl.html).
Pour ce qui est des champs de formulaires, il vaut mieux les tester sous la dernière version d'Opera qui devrait être la plus complète. Dans tous les cas de figure, la prise en compte complète des nouveaux champs de formulaires HTML 5, ce ne sera pas encore pour demain, il faudra être encore patient ou... passer par des émulations via javascript.
A l'heure actuelle, je n'ai pas encore pris le temps de tester cette présentation sur IE9, si vous avez des retours ou si vous avez l'occasion de le tester, tout commentaire sera le bienvenue.

De ce qu'on peut en lire, et de ce qui est déjà fait, cela présage d'un avenir radieux pour le Web. Je m'emballe peut être un peu, rien n'est parfait, mais ces technologies ont le mérite de faire avancer grandement les choses et de réduire l'écart face à d'autres technologies (mais je ne suis pas ici pour en débattre). et comme on dit toujours "Nous verrons bien ce que l'avenir nous réserve"

Mais surtout "Amusez-vous !"

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.