Définition de la conception Web réactive

Il y a des années, lorsque la technologie était ce qu'elle était, il suffisait de s'inquiéter que les choses visuelles qu'elle faisait (images, jeux, interfaces d'applications, ...) avait fière allure sur un écran qui pouvait être à environ 14 pouces d'un surveiller de l'ordinateur. Mais évolution Cela a été imparable, et nous avons actuellement une multitude d'appareils et de formats.

Cela signifie qu'une interface utilisateur ou tout autre contenu n'a plus à traiter différents tailles d'image, si ce n'est avec des appareils qui sont utilisés différemment, et des rapports d'aspect qui diffèrent notamment.

Le web, une avancée apparue dans les années 90 et qui, depuis, est devenue incontournable, a également subi ces changements de scénario de plateforme à partir desquels peut être utilisé, et les entités qui gèrent les standards du web ont dû choisir des solutions ingénieuses pour faciliter la vie des développeurs d'interfaces La toile.

Une page Web réactive (également appelée

instagram story viewer

sensible, adoption du mot anglais original) est celui dont l'interface est automatiquement redimensionnée et son Les éléments graphiques sont repositionnés pour une visualisation facile à n'importe quelle taille d'écran et rapport d'aspect. apparence.

Pensons à la la diversité des formats d'écran allant d'un smartphone avec un écran 5" et un rapport 18:9 pouvant être lu verticalement à un téléviseur 16:9 40", en laissant un ordinateur ou une tablette entre les deux.

Jusqu'à ce que des mesures soient prises pour rendre l'interface graphique des pages Web s'adaptera automatiquement à l'écran sur lequel elles étaient visualisées, le La « solution » consistait à anticiper tous les formats possibles, et à servir différentes pages selon les besoins. Le problème était ces formats imprévus et ceux que l'évolution technologique fournissait naturellement.

Les outils pour obtenir un design réactif, qui s'adapterait au format d'écran dans lequel l'image était visualisée. quel que soit ce format et la taille de l'écran, ont été définis par le W3C (World Wide Web Consortium).

Et l'introduction de cette technologie a été possible grâce à la séparation du contenu des pages de ce qui était le présentation desdits contenus et le regarder et sentir page en utilisant des fichiers de définition de style CSS.

Ceux-ci vous permettent de modifier l'apparence d'un site Web entier (entendu comme un ensemble de pages) sans avoir à toucher au bouton code source de tous les fichiers HTML, car ce sont les définitions du style et de la présentation (contenues dans le déposer CSS) du contenu (trouvé dans les fichiers HTML).

Les éléments du responsive design ont été discutés et introduits dans les standards du Web par le W3C depuis la fin de la première décennie du 21e siècle.

C'est de lancement du premier iPhone, en 2006, dans lequel la course s'est déchaînée pour ajuster les sites Web afin que peut être vu parfaitement à la fois sur les navigateurs de bureau et les grands écrans, ainsi que sur les appareils mobiles.

Photos Fotolia: Alexey Shkitenkov / Bobb Klissourski