La mise en page de votre site est comme l'eau, elle s'adapte parfaitement à l'orientation et à la forme de son récipient.
Le Responsive Web Design est né avec la nécessité de démocratiser la culture des sites Web pour une utilisation accessible et facile sur chaque type de support et résolution d'affichage.
Sur la base de la taille de l’écran ainsi que de la plateforme de consultation et de l’orientation, le Responsive Web Design regroupe une série de techniques qui permettent d'optimiser et de fluidifier l'affichage à l’environnement de l'utilisateur.
Dès que le visiteur passe d'un appareil mobile à un ordinateur fixe, votre site web s'accommode automatiquement à la résolution de l'utilisateur de la plus belle des façons.
Avec une expérience de lecture et de navigation optimale, le Responsive Web Design est la solution phare de création de sites internet durables depuis 2012 en Suisse.
Dates clés de l'histoire du Responsive Web Design sur le world wide web.
Évolution de la conception fluide et de la mise en page réactive des sites web sur internet depuis 2004.
- 04
— 2004
Mise en page en fonction de la résolutionCameron Adams écrit un article intitulé " Mise en page en fonction de la résolution", décrivant une méthode de création de design adaptative pouvant s'adapter à différentes résolutions d'écran. Cette approche nécessite l'utilisation de JavaScript pour détecter la résolution d'écran et charger une feuille de style secondaire à 800 px.
- 07
— 2007
Project Purple 2 : l'histoire secrète du premier iPhoneLe 9 janvier 2007, l'entrepreneur et inventeur américain Steven Paul Jobs présente l'iPhone. C'est le début des écrans tactiles et des applications mobiles à grandes échelles. Apple computer révolutionne le monde des smartphones. Apple réinvente le téléphone avec l'iPhone.
- 10
— 2010
Offrir une expérience utilisateur de qualité sur le web à chaque visiteurDans un article sur le Responsive Web Design parut le 25 mai 2010 sur le site de "A List Apart", Ethan Marcotte fait l’inventaire des différentes méthodes existantes pour offrir une expérience utilisateur de qualité sur le web, quelle que soit la taille, la résolution ou l'orientation de l'écran.
- 12
— 2012
Introduction d'une nouvelle balise HTML "PICTURE" publiée dans le version 5.1Le 29 août 2012, le W3C propose la création d'une nouvelle balise html "PICTURE" afin de permettre aux pages Web d'afficher des images en fonction de la résolution de l’écran mais aussi de la densité des pixels.
- 13
— 2013
L'année du Responsive Web Design, une bonne résolution pour l’avenir des sitesDans le monde informatique, les ventes de tablettes et mobiles dépassent celles des ordinateurs fixes. Les sites internet changent de visage en adoptant une conception Web fluide et réactive. 2013 est officiellement l'année du Responsive Web Design.
- 15
— 2015
Google Mobilegeddon privilégie les sites web mobile-friendlyGoogle intègre un nouvel algorithme à son moteur de recherche et décide de privilégier les sites web mobile-friendly. Le nombre de recherche Google effectué sur les appareils mobiles ont dépassé celles sur PC. La compatibilité mobile devient le critère le plus important de performance et de positionnement pour le référencement naturel seo.
- 16
— 2016
Rank Brain de Google est basé sur l'apprentissage automatique"Rank Brain" est l’algorithme Google qui utilise l’intelligence artificielle d’apprentissage automatique afin de proposer des résultats de recherche pertinant. Les sites web ont déjà massivement adopté le responsive web design.
- 18
— 2018
La consultation depuis les appareils mobiles est toujours en croissanceLa part mondiale du trafic sur les sites Web depuis les appareils mobiles était de 52,2% en 2018, soit une augmentation de 1,9% par rapport à l'année 2017.
- 20
— 2020
L'utilisation du web s'intensifie constamment depuis plus de 25 ansEn 2020, plus de 90% des Suisses se connectent à internet et près de la moitié de la population mondiale achètent en ligne. Internet c'est: 1 million de nouveaux utilisateurs chaque jour, soit 11 nouveaux utilisateurs toutes les secondes.