Gabriel Brooks
0 
5084
366
L'une des difficultés rencontrées lors de la conception d'Internet consiste à déterminer à quoi ressemblerait votre site avec différentes résolutions d'écran. Il y a quelque temps, la résolution d'écran la plus courante était de 800 × 600. Plus tard, à mesure que les ordinateurs s'amélioraient et que les écrans devenaient plus grands, la taille d'écran la plus courante était de 1024 × 768. Maintenant, les moniteurs sont plus grands que jamais et il y a beaucoup de tailles différentes. L'une des tâches d'un concepteur Web est de voir à quoi son site ressemblera aux résolutions les plus courantes (consultez ViewLike.Us ViewLike.us: site Web de test dans différentes résolutions ViewLike.us: site Web de test dans différentes résolutions).
Il existe également des add-ons pour Firefox qui faciliteront la tâche de test de votre site Web dans différentes résolutions. Ici, j'ai répertorié 3 add-ons Firefox à choisir. En fait, chaque complément que je partagerai avec vous séduira différents types d’utilisateurs. Différents utilisateurs trouvent différents types de raccourcis plus rapidement et plus facilement. Lequel est bon pour toi? Découvrons-le en jetant un coup d'œil à chacun d'eux.
Firesizer
Le premier s'appelle Firesizer.
L'utilisation de cette extension ne pourrait probablement pas être plus facile! En gros, regardez dans la barre du bas et vous verrez où est indiquée la taille actuelle de votre fenêtre…
Afin de changer la taille de la fenêtre de votre navigateur, il vous suffit de cliquer avec le bouton droit sur l'indicateur de taille…
Il existe trois tailles courantes parmi lesquelles choisir. Vous pouvez soit ajouter une taille personnalisée en cliquant sur “Personnaliser… ” et en ajoutant votre propre taille…
Ou vous pouvez simplement cliquer “Enregistrer la taille actuelle” afin de sauvegarder la taille actuelle de la fenêtre du navigateur pour l'ajouter à la liste des tailles…
C’est comme cela que cette extension est vraiment facile! Pouvez-vous penser à un moyen plus rapide ou plus simple de tester un site Web dans différentes résolutions? Je ne peux vraiment pas!
RedimensionnerIT
Le deuxième complément de Firefox couvert par cet article est ResizeIT..
ResizeIT apporte des raccourcis clavier à la table! Fondamentalement, vous pouvez définir différentes tailles pour les 4 raccourcis et, tout à coup, tester vos projets Web à différentes résolutions devient encore plus facile! Leurs raccourcis sont ALT-1, ALT-2, ALT-3 et ALT-4. En allant dans le menu OUTILS, choisissez Modules complémentaires, puis cliquez sur le bouton d'options en regard de l'étiquette ResizeIT..
Comme vous pouvez le constater, vous pouvez choisir les paramètres de taille des combos..
Encore une autre fenêtre Resizer
Le dernier module complémentaire à Firefox couvert par cet article est Yet Another Window Resizer..
Pour les utilisateurs de souris, celui-ci est pour vous! En effet, le redimensionnement de votre fenêtre Firefox n’est qu’à un clic droit! Faites un clic droit n'importe où sur une page et le “Redimensionner la fenêtre” l'option apparaît au bas du menu.
Tout comme les autres add-ons couverts ici, vous pouvez également définir des tailles personnalisées.
Voilà donc trois add-ons de Firefox qui permettent de tester facilement les sites Web dans différentes résolutions. L'une vous donne accès dans la barre d'état (Firesizer), une autre à l'aide de raccourcis clavier (ResizeIT) et une autre encore via le menu contextuel (Yet Another Window Resizer)..
Il existe d'autres moyens de tester des sites Web dans différentes résolutions. Une solution consiste à disposer d'un deuxième moniteur avec un jeu de résolution différent (comme indiqué dans cet article): 6 manières de configurer les moniteurs doubles pour qu'elles soient plus productives. Quels autres moyens avez-vous, les lecteurs, pour tester des sites Web (et d'autres projets) dans différentes résolutions d'écran?