IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Tester le rendu de votre site avec plusieurs résolutions différentes


Sujet :

CSS

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    Par défaut Tester le rendu de votre site avec plusieurs résolutions différentes
    Responsivator vous permet de visualiser le rendu de votre site
    Avec différentes résolutions afin de vérifier qu'il est bien responsive

    Les amateurs de responsive design sont à l'honneur avec Responsivator.

    En effet, ce projet open source vous offre la possibilité de visualiser votre site Web sous plusieurs résolutions afin d'en contrôler le rendu.
    Le site vous propose sept résolutions différentes par défaut allant du smartphone jusqu'au desktop.

    Cependant, vous pouvez personnaliser le nombre d'affichages différents que vous souhaitez obtenir ainsi que les résolutions utilisées pour chacun.
    De plus, Responsivator vous permet de faire des screenshots pour chacun des rendus affichés ce qui peut s'avérer très utile !

    Pour plus d'informations je vous invite à consulter le projet sur GitHub.

    Responsivator.

    Source : Responsivator

    Et vous ?

    Utilisez-vous le responsive design ?
    Si oui, le testez-vous sur plusieurs résolutions comme le propose Responsivator ?

  2. #2
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2013
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2013
    Messages : 10
    Points : 4
    Points
    4
    Par défaut
    Merci pour le partage, justement je cherchais un plugin pour tester toutes les résolutions de mon site, mais sans plug-ins, c'est encore mieux.

  3. #3
    Membre du Club Avatar de RhoManu
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Août 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Août 2013
    Messages : 18
    Points : 52
    Points
    52
    Par défaut
    Merci

    Sinon, on peut aussi tout simplement redimensionner son navigateur pour vérifier que ça réagisse correctement. Mais ça ne donne pas les tailles des devices, contrairement à ce site.

    Par contre, il me semble que Firefox embarque un plugin pour faire ce genre de choses ?

Discussions similaires

  1. [Article] Optimisez le chargement des images de votre site avec les Sprites CSS
    Par Bovino dans le forum Publications (X)HTML et CSS
    Réponses: 2
    Dernier message: 07/12/2009, 01h15
  2. Site avec plusieurs langues
    Par midosd dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 23/05/2009, 15h36
  3. Comment faire un site avec plusieurs pages en Flash
    Par dialloma dans le forum Flash
    Réponses: 2
    Dernier message: 06/10/2008, 14h21
  4. création d'un site avec plusieurs langues
    Par ghyosmik dans le forum Langage
    Réponses: 2
    Dernier message: 22/05/2008, 05h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo