De 1989 à 2014, revivez les grandes étapes du webdesign, avec ses grandeurs et ses décadences. Voici une série d’illustrations qui retrace les modes adulées puis souvent délaissées par les web designers.

La préhistoire – 1989
Le web n’existe pas, les écrans sont noirs avec quelques pixels monochromes.

La préhistoire – 1989

Les tableaux – 1995
Si vous codiez à l’époque des premiers navigateurs (web), vous mettiez des tableaux dans des tableaux, eux-mêmes imbriqués dans d’autres tableaux.

Les tableaux - 1995

Le JavaScript – 1995
Il dynamise le html mais on lui doit notamment les pop-ups. Un bilan contrasté donc, même si le JavaScript s’est réinventé avec jQuery et Node.js

Le JavaScript - 1995

Le Flash – 1996
Symbole de liberté, il autorise toutes les formes, toutes les polices, toutes les animations. Apple signera son arrêt de mort en le rendant incompatible avec son iPhone (2007). RIP.Le Flash - 1996

Les CSS – 1998
Séparer le contenu et sa mise en forme, une bonne idée mais des web designers ont perdu quelques cheveux pour assurer la compatibilité sur les différents navigateurs.

Les CSS - 1998

Grilles et Frameworks – 2007

Les grilles et les colonnes répondent au besoin de s’adapter aux écrans. Les frameworks tels que Boostrap industrialisent le développemet en standardisant certains éléments (navigation, boutons, formulaires…).

Grilles et Frameworks - 2007

Le responsive web design – 2010
L’idée est de proposer les mêmes contenus en adaptant l’affichage aux écrans. Ce que les personnes (qui ne comprennent rien à rien, vous le savez) réduisent à « un affichage correct sur smartphone ».

Le responsive web design - 2010

Le flat design – 2010
La simplification des éléments graphiques correspond à la volonté d’une meilleure hiérarchie visuelle et de concentrer l’effort sur la qualité du contenu.

Le flat - 2010

Les feuilles de style – 2014
Le graal des web designers est de  s’affranchir du code et des problèmes de compatibilité, pour manipuler les éléments visuels en toute liberté.

Le futur - 2014

Source : A brief history of web design for designers