Archives par mot-clé : HTML

La fin du combat pour Flash, mais quel avenir pour HTML5 ?

La news est tombée pendant les vacances : Adobe arrête de supporter Flash sur Android.

Plus de Flash sur Android, et bien sûr toujours pas de Flash sur les terminaux mobiles Apple : une bonne partie du Web doit maintenant se débrouiller sans Flash.

Plus intéressant encore est la raison de cet abandon : Adobe reconnait que l’avenir est du côté du HTML5.

La messe est donc dite : le Flash va disparaître, et être remplacé par les technologies incluses dans le HTML5.

Tout serait simple si…

Si le HTML5 avançait bien. Ce qui n’est pas du tout le cas : aux dernières nouvelles, les équipes se disputent, ce qui va rendre le processus de normalisation plus lent et plus complexe…

Aujourd’hui, rien ne garanti qu’on arrive dans les temps, c’est à dire en 2014, avec une norme bien aboutie.

Ce qui est a peu près clair, c’est que ce sont les éditeurs de navigateurs qui font principalement évoluer les choses : Google, mozilla, Microsoft, Apple.

Bon, concrètement, il ne me semble plus très raisonnable de démarrer un site avec des composants Flash. Le HTML5 est de rigueur !

Les agences vont devoir accélérer leurs mutations, et, surtout, on attend des outils d’éditions HTML5 à la hauteur des enjeux.

A suivre de prêt !

Les outils pour enrichir le CSS

Le CSS, c’est le langage qui permet de faire la mise en forme des pages web.

Cela permet de séparer le fond de la forme : le HTML contient le fond (le texte en particulier), et la décoration se fait via le CSS (la police, la taille, les bordures, …).

Bon, ça, c’est la théorie ;).

Dans la pratique, écrire une couche présentation en CSS est très technique, avec certaines parties plutôt répétitives et impossible à factoriser. Exemple : un site utilise une palette de couleurs. Impossible, en CSS, de définir des constantes avec ces codes couleurs.

Sinon, quand on n’arrive pas à faire ce qu’on veut en CSS, on le fait en Javascript.

Certains proposent d’améliorer tout ça avec des « méta langages » au dessus de CSS.

Exemples : SASS, LESS, …

SASS est une technologie côté serveur, on passe son code CSS enrichi dans la moulinette SASS et ça ressort un code CSS standard.

Si j’ai bien compris, LESS permet à peu près la même chose, avec une technologie Javascript, qui peut être côté client ou serveur.

Je ne rentrerais pas dans le détail, ce n’est pas l’objet de ce blog.

Je trouve que c’est une super bonne idée, que de proposer des langages, ou méta langages, qui permettent de programmer plus propre, plus court.

Mais cela ouvre la voie suivante :

Le code que j’écris n’est pas le code envoyé côté client.

Avantage : le code que j’écris est plus court, de meilleure qualité.

Inconvenient : ce que je vais débuggé n’est pas ce que j’ai écrit.

Mon avis, très clairement, est que c’est bien l’avenir !

Je pense depuis longtemps qu’à moyen terme, les langages du web n’ont pas vocation à être manipulés directement : ce sont, de mon point de vue, des langages de trop bas niveaux, avec des contraintes beaucoup trop complexes. Je pense bien sûr en particulier au problème de multi-terminal / multi navigateur.

Pour prendre une analogie, cela me fait penser au Postscript : c’est un langage de bas niveau pour piloter les imprimantes (ou autres interfaces d’ailleurs). Mais personne n’aurait l’idée d’écrire à la main du code Postscript !

J’ai donc la conviction qu’il devrait sortir des systèmes qui vont bien plus loin dans cette voie :

C’est une voie étroite, parce que, de mon point de vue, ces systèmes doivent être spécifiques web, alors que ce qu’on voit bien souvent, ce sont des frameworks génériques, et je ne crois pas du tout à cette approche.

C’est pour cela que je trouve les initiatives type LESS ou SASS particulièrement intéressantes : on améliore la qualité, de manière très spécifique au Web.

Et vous, qu’en pensez vous ?

L’aventure de Gmail offline

Le off-line, c’est une nouvelle fonction du web, qui permet d’avoir une application web qui fonctionne avec ou sans réseau.

En mode connecté, l’application a un comportement web classique.

Quand le réseau est coupé, l’application doit continuer à fonctionner, à partir de données stockées dans l’ordinateur.

Initialement, Google a proposé Google Gears. Ce module permettait d’ajouter la fonction de stockage local aux navigateurs.

L’un des sites à utiliser Google Gears fut GMail. Cela marchait, à peu près bien.

Mais la stratégie de Google est de généraliser cette approche, et de l’intégrer au future HTML 5.

Google a donc arrêté le développement de Gears, pour ce réintégrer cette fonctions nativement dans Chrome.

Côté Gmail off-line, on a donc eu une interruption de service, qui a duré quelques mois.

Aujourd’hui, on peut de nouveau réactiver la fonction off-line de GMail.

Chose étonnante, il ne s’agit pas de la même interface que celle de GMail « classique » :

Pourquoi Google a-t-il du développer une nouvelle application ?

Plusieurs hypothèses :

  • Google en profite pour redévelopper, « from scratch » son application de messagerie : l’actuelle version est devenue une usine a gaz.
  • La fonction « off line » est trop impactante, et ne peut pas être intégrée si facilement que ça dans une application web déjà complexe.

A suivre. On verra bien comment les choses vont évoluer.

En tout cas, le off-line est une fonction tout à fait fondamentale pour l’avenir du web en général et du e-commerce en particulier.

Une idée du e-commerce en HTML 5

Le HTML 5, qui devrait aboutir à une norme en 2014, est déjà bien présent dans les navigateurs modernes, Google Chrome en tête.

Le web a d’ailleurs pratiquement toujours évolué comme ça, tiré par les navigateurs plus que par la normalisation (qui est donc plutôt une normalisation « a posteriori »).

Voici quelques sites, qui, je pense, donne une idée de ce qu’on peut faire, en HTML 5 dans notre secteur du e-commerce.

Premier exemple : manufacturedessai.it

Le site propose une navigation verticale plutôt étonnante, faite de plusieurs couches (calques) transparents, ce qui donne une impression dynamique nouvelle. A tester pour comprendre ;).

Autre site  : www.gforce.be

La navigation est là encore différente, avec un slider plein écran, et les différents éléments qui apparaissent en superposition.

Autres sites intéressants :

Tout ça pour avoir un petit aperçu de ce que permet le HTML 5, et des évolutions à venir pour les sites e-commerce… A suivre de très près ;).
Au, fait, je donne une formation HTML 5 le 16 Septembre…