Testez et présentez facilement des sites Web réactifs à d'autres personnes avec des dimensions

click fraud protection

Les sites Web sont de plus en plus accessibles à partir d'appareils mobiles au lieu de PC. Lorsqu'ils sont affichés sur une tablette ou un téléphone mobile, tous les sites Web ne s'adaptent pas correctement pour afficher une interface utilisateur adaptée aux mobiles. Pour surmonter ce problème, les propriétaires de sites Web ont le choix de créer une version mobile dédiée de leur site Web, ou développer un design réactif qui évolue en fonction de l'appareil auquel il est accédé sur. C’est là qu’une application comme Dimensions vient à portée de main. Il s'agit d'une application Web simple pour les développeurs, les concepteurs et les propriétaires de sites Web qui vous permet de visualiser n'importe quel site Web dans votre navigateur tel qu'il apparaîtrait. sur trois types d'appareils différents: téléphones mobiles, tablettes et PC. L'application est excellente pour les tests et les démonstrations fins.

Les utilisateurs de Firefox peuvent ne pas avoir beaucoup besoin de dimensions, grâce à l'outil de conception adaptative. Même avec l'outil, il n'est pas possible de partager la sortie avec quelqu'un d'autre - ce que Dimensions vous permet de faire. Le service est facile à utiliser et possède une interface propre. La page de destination vous permet de tester l'application avec une URL déjà ajoutée. Cliquez sur l'onglet "Présenter un site" et saisissez l'URL du site Web sur lequel vous travaillez. Vous pouvez également ajouter un titre personnalisé pour le site Web, et il apparaîtra sur la page d'aperçu.

instagram viewer

Site Web de Dimensions

Cliquez sur "Site actuel" et vous serez redirigé vers le site Web dans un cadre de taille correspondant à la taille de l'écran d'un téléphone mobile. Le titre que vous avez entré apparaîtra en haut à gauche et le côté droit sera dédié aux boutons pour passer à une vue différente. Dimensions vous permet de visualiser un site Web en mode portrait et paysage. Les dimensions qu'il prend en charge incluent 320 × 480 pour les téléphones mobiles, 1026 × 770 pour les tablettes et pleine, c'est-à-dire aussi grande que la fenêtre de votre navigateur peut aller pour la vue PC.

Dimensions

Il n'y a pas d'options de partage pour la vue que vous obtenez, c'est-à-dire que vous n'avez pas de lien ou de réseaux sociaux des boutons qui vous permettront de partager le design publiquement ou en privé, mais l'URL de la page est tout ce que vous avoir besoin. Collez-le n'importe où et celui qui clique sur le lien verra exactement ce que vous voyez de votre côté.

Dimensions est différent des autres applications Web qui offrent la même fonctionnalité en ce qu'il vous permet de visualiser un site Web dans différentes orientations d'écran. Cependant, cela ne suffit pas lorsque vous pensez à une résolution d'écran différente dans chaque catégorie. S'il avait un plus grand choix de résolutions d'écran pour mobiles et tablettes, il serait beaucoup plus utile. Étant donné que la conception réactive est déclenchée par la résolution d'écran, savoir à quoi ressemblera votre site Web sur les mobiles haute résolution populaires des appareils comme le Galaxy note ou l'un des nombreux autres téléphones mobiles avec des résolutions d'écran supérieures à 320 × 480 serait un bon fonctionnalité.

Visitez Dimensions

watch instagram story