12 mars 2021-Temps de lecture : 3min

30 ans d’évolution des sites web en une minute !

Du premier navigateur web et ses données affichées en brut aux sites actuels, animés et responsives, le web a fait un sacré chemin. Des évolutions que nous avons retracées, en vidéo et en moins d’une minute !

1990. WorldWideWeb : premier navigateur de l’histoire

Le premier navigateur web a vu le jour au début des années 90 et niveau design, nous étions proche du néant ! 100% de texte et un hyper-texte dans une couleur bleu roi qu’affiche d’ailleurs encore certains sites aujourd’hui… Et c’est tout !

Les tout premiers utilisateurs d’internet prennent alors l’habitude de scroller vers le bas pour afficher plus de contenus. Et de cliquer sur les liens pour changer de page. Ça paraît ultra-basique aujourd’hui, mais à l’époque, c’est déjà une révolution !

1994. Le HTML et les grandes heures des sites « tableaux »

En 1994, soulagement ! Les webmasters accèdent enfin à un peu de mise en forme avec le HTML et sa célèbre balise <table> qui permet de créer des tableaux. A partir de là, tous les sites web adoptent ce format qui n’est pourtant pas le plus pratique. A la base créé pour mettre en forme des nombres, il donne des structures assez fragiles et difficilement maintenables. Mais pour l’instant, c’est tout ce qui existe !

exemple site web html

2000. CSS et Flash permettent d’animer les sites (et ce n’est pas toujours de bon goût)

La prise en charge du CSS offre un peu d’oxygène aux développeurs, enfin ! Et l’arrivée de Flash change la donne pour de nombreux sites. Pour la première fois, il est possible de créer n’importe quelle forme et d’ajouter des animations. En termes de design, cela donne le meilleur comme le pire !

exemple site flash animations

2007. La sortie de l’Iphone rend les sites web responsive

En 2007, c’est la révolution ! Steve Jobs présente le premier smartphone : l’Iphone. Et pour les développeurs, c’est le branle-bas de combat. Il faut tout repenser pour s’adapter à une taille d’écran dix fois plus petite que celle dont ils ont l’habitude. Et cela donne un nouveau terme : le site internet responsive.

Une norme qui devient de plus en plus importante au fur et à mesure du temps. Jusqu’à devenir aujourd’hui un critère pour l’indexation des sites par Google.

2014. WebGL et JavaScript lancent la 3D

JavaScript monte en puissance et, associé à une version stable de WebGL, il permet de donner un rendu 3D directement dans le navigateur. Une technologie que nous utilisons encore très largement aujourd’hui pour créer des animations fluides ou des configurateurs de produits.

configurateur de produits en ligne

2020. Asymétrie, minimalisme, mobile first, la tendance est à l’UX !

En 2020, la riche histoire des sites web permet de créer des designs fluides, animés et surtout, centrés sur l’expérience-utilisateur. Et les tendances sont nombreuses : de l’asymétrie au minimalisme en passant par le mobile first. Des tendances qui se rejoignent et qui veulent répondre à plusieurs enjeux. L’augmentation de la consultation et des ventes sur les smartphones, mais également les préoccupations écologiques d’entreprises de plus en plus nombreuses !

 

On se retrouve dans trente autres années pour faire le point ? 😉

 

Ouvrez la discussion

En laissant un commentaire vous acceptez de laisser votre nom/ pseudo pour affichage sur le site et votre adresse mail pour pouvoir vous contacter à propos de votre commentaire uniquement si besoin. Vous pouvez à tout moment demander l’anonymisation de vos commentaires.

Laisser un commentaire

Un projet ou des idées ? On peut sûrement vous aider :)
e-commerce circulaire

E-commerce circulaire : rendez votre boutique en ligne plus durable

L’e-commerce circulaire fait parler de lui depuis le début de l’année. Les confinements successifs, le repli sur des valeurs plus essentielles et la volonté d’acheter de manière plus responsable ont placé cette façon de consommer sur le devant de la scène. Continue reading E-commerce circulaire : rendez votre boutique en ligne plus durable

Le guide du marketing sur Reddit : comment investir cette plateforme encore confidentielle ?

Quand on évoque le social media marketing, on pense immédiatement à Facebook, Twitter ou Instagram. Maintenant suivis de près par TikTok ! Mais pour ceux qui préfèrent les chemins de traverse, regarder du côté du marketing sur Reddit peut aussi être une option. Continue reading Le guide du marketing sur Reddit : comment investir cette plateforme encore confidentielle ?

3 bonnes raisons de passer à Google Analytics 4

Depuis octobre dernier, Google Analytics 4 est venu prendre la suite de Google Analytics App + Web qui était en version bêta depuis plus d’un an. Une mise à jour qui va rapidement venir remplacer Google Analytics Universal, que nous connaissons et utilisons maintenant depuis… 2005. Il était temps ! Continue reading 3 bonnes raisons de passer à Google Analytics 4