Navigate Space

La liste d'utilisateurs n'est pas rendue car vous ne possédez pas les droits d'accès nécessaires pour afficher les profils utilisateur.
Pages enfant
  • Initiation RWD : Aide, outils, ressources

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.
Avertissement
titleWIP

Documentation en cours de rédaction...

Sommaire
maxLevel3

Méthodologie de développement d'un site responsive

Qu'est ce que le responsive web desgin design ? C'est une technique qui permet de faire concevoir des sites qui s'adaptent automatiquement à l'espace disponible sur l'écran, ainsi. Ainsi, d’un support à l’autre, et simplement via des règles CSS, certains éléments du site peuvent être masqués, ajoutés et changés de place pour optimiser l’expérience utilisateur. Voici un exemple qui met en évidence la différence entre : statique, liquide, adaptatif , et responsive.

Les approches de développement

...

Cette approche favorise l'expérience utilisateur sur ordinateur de bureau tout proposant une version dégradée sur mobile.

Amélioration progressive

...

/ mobile first

A l'inverse de la première technique, l'amélioration progressive met le mobile au premier plan . L: l'application est pensée en tout premier lieu pour les mobiles. Cette approche nécessite une réflexion sur les fonctionnalités proposées par l'application et faire en sorte qu'elles soient sur la manière de les rendre facilement utilisables sur mobile. Par la suite, il est possible d'enrichir l'application en proposant d'avantages de fonctionnalités si les capacités du navigateurs navigateur ou du terminal utilisé le permet.

Cette technique est plus lourde à mettre en place lors de développement sur des produits existant existants mais devrait être privilégiée dans un projet ayant une portée mobile.

...