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 :)
réalité augmentée expérience client

Enrichir l’expérience-client et marquer les esprits : la réalité augmentée est désormais accessible à tous !

Il y a presque dix ans, en 2012, la démonstration des Google Glass relançait une innovation de rupture : celle de la réalité augmentée. Une effervescence qui est redescendue aussi vite qu’elle avait mis la planète en ébullition. Continue reading Enrichir l’expérience-client et marquer les esprits : la réalité augmentée est désormais accessible à tous !

OVH : l’incendie d’un datacenter à Strasbourg secoue l’Internet Européen

Message de soutien à OVH !
Ce mercredi 10 mars, un incendie d'un data center d'OVH sur le site de Strasbourg a mis en panne plus de 3 millions de sites web. Cet incident rappelle que si l’expression « cloud » peut sous-entendre que les données ne sont stockées que « virtuellement » et de façon nébuleuse, elles restent toujours présentes physiquement à un endroit bien réel et dépendantes d'une bonne vieille "prise de courant" ! Continue reading OVH : l’incendie d’un datacenter à Strasbourg secoue l’Internet Européen