Un double-décimètre à pixel pour bien commencer l’année

Un double-décimètre à pixel pour bien commencer l’année

Présentation d’un logiciel gratuit et léger pour mesurer les éléments de design web affichés sur votre écran.

J’ai un petit logiciel à vous faire découvrir cette semaine. Il fait partie de la panoplie de tout webmaster et je suis sûre que vous le trouverez très pratique!

JRuler Pixel

Cet utilitaire s’adapte automatiquement à votre résolution et vous permet de mesurer (littérallement) ce qui s’affiche sur votre écran.

Fini de vous casser la tête à estimer une marge, la longueur d’un champ ou la hauteur d’un titre: un petit clic et vous voilà avec une règle prête à l’emploi.

Dans sa version gratuite, JRuler vous propose des options limitées mais amplement suffisantes (je l’utilise depuis 5 ans!):

  • Unité en pixel (par défaut), centimètre, pouce voire même en pica
  • Possibilité d’agrandir la règle grâce à un curseur à faire glisser
  • Appuyer sur la touche « F » pour placer la règle horizontalement ou verticalement.

Clic droit sur la règle : le menu contextuel apparaît

Le menu contextuel nous permet d’aller plus loin:

  • Marquer le centre de la règle en un clic (Entrée « Mark Center »)
  • Déplacement sur l’extrémité gauche de l’écran (Entrée « Slide to zéro »)
  • Afficher la règle au-dessus des autres fenêtres (Entrée « Always on Top »)

Bref, un utilitaire indispensable quand on gère son site web!

Vous pouvez le téléchargez sur ce site gratuitement.

Bonnes mesures! :)

EDIT 17/09/2012 : je viens de réaliser une démonstration en vidéo de cet outil. Si vous ne voyez pas bien comment et pourquoi utiliser cette règle, je vous suggère d’y jeter un oeil (durée: 2min)

Comment faîtes-vous pour trouver la taille d’un élément de votre design ?

logiciel

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

8 commentaires

  1. Avec ton outil favori: Firebug…

    Dans l’onglet Apparence, tu vois toutes les tailles et tu peux les changer facilement.

    Toujours sur Firefox, il existe un Add-on pour rajouter une règle :)

    En fait, je vois pas trop ce que tu veux mesurer avec ce logiciel ?
    Une petite vidéo ? 😀
    Enfin, je vois plus ou moins, mais ya toujours d’autres fans pour mesurer.
    Donc je verrais plus ça comme un gain de temps
    A voir…

    Répondre
    • Salut florian,
      C’est vrai qu’on peut mesurer avec Firebug, mais j’ai connu cette petite règle avant…les habitudes ont la vie dure! Et puis je peux aussi vouloir mesurer un élément du design qui correspond à plusieurs éléments HTML.

      Une petite vidéo viendra sûrement… 😉

      Répondre
  2. En effet c’est vraiment pas mal pour estimer des dimensions, même si bon, je suis habituée à sortir l’artillerie lourde pour mesurer une marge ( capture d’écran et photoshop ! ) , ce n’est pas facile de revoir ses habitudes de travail…

    Répondre
    • Bonjour Patricia,
      Ah oui là c’est vraiment « sortir le bazooka pour tuer une mouche » comme on dit 😀
      Il faut vraiment installer ce petit logiciel, ça va vous faire gagner un temps précieux!

      Répondre
    • Merci pour la découverte, j’y jetterais un oeil, notamment pour la fonction « Tableau blanc »…mais pour mesurer en « 2-2 » je préfère un outil qui ne fait que ça (plus rapide à lancer).

      Répondre
  3. Ouais c vrai que ça doit être bien utile d’avoir une idée claire du format auquel on doit s’adapter. Ca évite des corrections minimes à n’en plus finir parfois

    Répondre

Trackbacks/Pingbacks

  1. Dans quel cas utiliser une règle à pixel ? - Les Doigts dans le Net - [...] courte vidéo, je vous montre une situation où j’utilise la règle à pixel JRuler (que je vous ai présenté…

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint