Catégorie : PWA, SPA, RWD
Le débat sur la différence entre UI (Interface Utilisateur) et UX (Expérience Utilisateur) n’est pas nouveau. L’UI concerne les éléments visuels et interactifs avec lesquels les utilisateurs interagissent, tandis que l’UX englobe l’ensemble des...
Plus que jamais, les périphériques mobiles sont utilisés pour naviguer sur le web. Cet article datant de 2016 titrait déjà « Mobile web browsing overtakes desktop for the first time ». Aujourd’hui, il est donc impératif...
Lorsque nous utilisons localStorage ou sessionStorage, comme présenté dans l’article Stockage local en JavaScript : bien utiliser localStorage et sessionStorage, nous travaillons avec des données simples et limitées : des paires clé/valeur en texte,...
L’alternative vient de javascript Cool, nous avons pu adapter l’usage des media queries au plus juste, seulement voilà, tous les navigateurs n’interprètent pas ces recommandations. En conséquence, ces améliorations ne pourront pas systématiquement être...
Avant de porter le contenu en ligne, nous devons réfléchir à deux problèmes distincts, qui sont partagés entre l’aspect technique du Responsive Web Design et la présentation qui doit être orientée et guidée par...
Comment savons-nous ce qui intéresse le visiteur d’un site? Nous devons considérer différents points avant d’opter pour une solution par rapport à une autre; La moitié de la population mondiale accède à Internet à...
Pour pouvoir parler de stratégie de contenu, nous devons tout d’abord définir ce que nous entendons par stratégie de contenu dans une utilisation générale du web, et qu’est-ce que cela a à voir avec...
Les sites web réactifs (responsive) sont souvent décrits comme un mode de développement permettant de visualiser le contenu, et ce, quel que soit le périphérique de lecture, qu’il s’agisse d’un très grand écran avec...
Les divers articles contenus dans la série : Part I – Pourquoi les sites Web réactifs ne sont-ils pas une simple étape lors de la construction de sites Web? Part II – Pourquoi une...
Adapter les images… Dès lors qu’un contenu se redistribue proportionnellement en se basant sur une grille liquide, il arrive que les images, ou les autres éléments multimédia de la page, deviennent rapidement disproportionnés par...
Media-queries ou comment adapter son affichage Le principe du RWD s’appuie sur diverses feuilles de styles CSS qui vont, en fonction des contextes, présenter un affichage alternatif. Nous parlons généralement de trois propositions d’affichage,...
Il est loin le temps où les sites web n’étaient constitués que de pages statiques. Le contenu ne se rafraîchissait pas, et surtout, restait positionné au même endroit, le plus souvent cloué au décor,...
Vous avez dit proportionnalité… Dans le cas où le site est construit en s’appuyant sur une grille fixe, il n’y a pas de soucis pour définir les dimensions de colonnes et de blocs. Les...