MOINS D’EXPLICATIONS. DES RETOURS PLUS CLAIRS.

ORDINATEUR UNIQUEMENT · EXTENSION GOOGLE CHROME

C’est ici.
Montrez-le.

À vous de sgrizzer !

Un titre à déplacer ? Un bouton à agrandir ? Superposez une grille au site, laissez une note et entourez le problème. La prochaine modification devient évidente.

Ajouter SGRIZ.IT à Chrome ↗

Pour le moment uniquement sur ordinateur, avec l’extension Google Chrome. Pas de version pour téléphone ou tablette. Sans compte.

Notes locales, registre des domaines et emails : utilisation des données
SGRIZ.IT : grille, notes, dessins et captures pour vos retours visuels sur les sites. Ouvrir le Chrome Web Store.

VOUS CONCEVEZ POUR LE MOBILE ? RESTEZ AU BUREAU.

La mise en page rétrécit.
Votre contrôle reste grand.

Pour examiner une mise en page mobile, réduisez la largeur de Chrome : un site responsive s’adaptera. Pour une largeur précise, utilisez la barre d’appareils des outils de développement, sur votre ordinateur.

Cet aperçu aide à vérifier la mise en page ; il ne remplace pas un test sur un vrai téléphone. SGRIZ reste un outil de bureau avec une extension Chrome.

Pour ceux qui créent des sites, pas pour somnoler sur le canapé. 😉

DEUX ÉTAPES POUR SGRIZZER

Installez une fois.
Activez là où il faut.

01 / INSTALLEZ L’EXTENSION

Votre nouvel outil se trouve dans la barre de Chrome.

SGRIZ.IT est disponible sur le Chrome Web Store. Ouvrez le Store dans Chrome sur votre ordinateur et ajoutez l’extension en quelques clics.

SGRIZ.IT : grille, notes, dessins et captures pour vos retours visuels sur les sites. Ouvrir le Chrome Web Store.
  1. Ouvrez le Chrome Web Store avec le bouton ci-dessous et sélectionnez SGRIZ.IT dans les résultats.
  2. Sur la fiche SGRIZ.IT, cliquez sur « Ajouter à Chrome », vérifiez les autorisations demandées et confirmez « Ajouter l’extension ».
  3. Ouvrez le menu Extensions de Chrome (le puzzle) et épinglez SGRIZ.IT. Ouvrez ensuite un site et activez Sgriz Panel.
Ajouter SGRIZ.IT à Chrome ↗

Installation depuis le Chrome Web Store. Chrome gère les mises à jour de l’extension. Guide officiel de Chrome

02 / ACTIVEZ L’EXTENSION

Ouvrez le site. Faites-vous comprendre.

Épinglez SGRIZ.IT depuis le menu puzzle de Chrome. Ouvrez ensuite la page à examiner.

  1. Cliquez sur SGRIZ.IT pour ouvrir Extension Panel.
  2. Choisissez taille, couleur, opacité et langue.
  3. Cliquez sur Ouvrir / actualiser Sgriz Panel : le panneau vert apparaît sur la page.

Entourez le logo, écrivez « À agrandir » et prenez une capture. Le message est déjà clair.

Ouvrir le site ↗

Réactivez après un chargement complet. Les nouveaux paramètres actualisent le panneau déjà ouvert.

Quel site allons-nous sgrizzer ?

Ouvrez-le ici, puis activez SGRIZ.IT dans son onglet.

Le site s’ouvre dans un nouvel onglet. Activez-y l’extension.

VOTRE SGRIZ PANEL

Regardez. Marquez. Expliquez.
Directement sur la page.

A1

Toujours un point précis

Lettres des colonnes, numéros des lignes et coordonnée sélectionnée. Sélectionnez une cellule ou saisissez C7 dans Aller.

50 × 50

Votre grille, vos choix

Tailles 1–20 : de 50 × 50 à 1000 × 1000 pixels. Cellules carrées et fixes au redimensionnement. Réglez couleur et opacité ; affichez ou masquez la grille.

✎

Des notes pour expliquer le travail

Cliquez sur une cellule, écrivez dans la note jaune et développez-la. Priorité et statut : à faire, en cours, résolu. Liste, affichage, suppression et annulation.

◯ □

Un croquis vaut une explication

Main levée, cercles/ovales et rectangles. Couleur et épaisseur, annulation et effacement/récupération des croquis. Les dessins suivent le défilement.

↔

Mesurez avant de demander

Activez la règle et faites glisser entre deux points : distance, ΔX et ΔY en pixels CSS. Mesures libres, horizontales ou verticales ; Maj verrouille sur l’axe le plus proche. Les mesures suivent le défilement et sont conservées dans les révisions, le JSON et les captures.

↕

Un panneau qui trouve sa place

Glissez le titre ; ancrez en bas pour une barre horizontale. Ancrez, détachez, réduisez, développez ou fermez : position mémorisée. Naviguer rend les clics au site.

PNG

Montrez exactement votre idée

Choisissez Capturer la zone visible ou Capturer toute la page : un seul PNG avec les notes, grille, dessins et mesures visibles. La page entière est parcourue et assemblée, puis votre position est rétablie. Échap annule. Chargez d’abord les images et contenus ; les pages infinies, éléments dynamiques et zones à défilement interne peuvent nécessiter des captures séparées. Nommez le fichier et confirmez l’enregistrement.

↺

Reprenez où vous en étiez

Sauvegarde automatique locale par page, enregistrement, nouvelle révision et restauration. La taille est protégée avec des notes ; créez une révision pour la changer.

JSON

Emportez vos annotations

Exportez et importez sur la même page. Le JSON inclut notes, grille et dessins ; les PNG restent séparés. Partagez vous-même les fichiers. Comptes et collaboration en ligne sont à venir.

NOUVEAU DEPUIS LA VERSION 0.2.10

La règle : moins d’approximations, plus de pixels.

Quel espace sépare deux éléments ? Activez la règle dans le Sgriz Panel et mesurez-le directement sur la page, même en diagonale.

  1. Appuyez sur Règle et faites glisser du point de départ au point d’arrivée : lisez la distance, ΔX horizontal et ΔY vertical.
  2. Choisissez une direction libre, horizontale ou verticale. En mode libre, maintenez Maj pour verrouiller sur l’axe le plus proche ; Échap annule la mesure en cours.
  3. Les mesures suivent le défilement. Vous pouvez les annuler, les masquer et les enregistrer dans les révisions et le JSON ; les mesures visibles figurent dans les captures.

Exemple : 300 px à l’horizontale + 400 px à la verticale = 500 px en diagonale.

Les mesures utilisent les pixels CSS de la mise en page, indépendamment de la densité de l’écran. Mettez l’extension à jour vers la version 0.2.10 ou ultérieure pour utiliser la règle.

CHROME WEB STORE

SGRIZ vous est utile ? Donnez votre avis.

Essayez SGRIZ.IT sur votre prochain projet. Ouvrez ensuite sa fiche sur le Chrome Web Store et partagez votre expérience dans les avis : ce qui vous aide et ce qui pourrait être amélioré. Vos retours font grandir SGRIZ.

Ouvrir le Store et donner un avis ↗

Vos annotations restent les vôtres.

Sans compte. Notes, dessins et révisions restent dans l’archive locale de l’extension. Les captures sont enregistrées sur votre ordinateur sur demande, sans téléversement automatique.

Chaque nouvelle activation envoie uniquement le domaine à SGRIZ.IT. Le serveur ajoute date et heure et tente un enregistrement TXT et un email au gestionnaire, même si le TXT échoue. Aucun URL complet, paramètre, titre, commentaire, dessin ou image n’est envoyé. Les autres onglets et la navigation passive ne sont pas surveillés.

Limites initiales email : 30 tentatives/heure, espacées d’au moins 2 secondes. Le résultat apparaît dans Extension Panel : l’acceptation du service ne garantit pas la réception. Le test de connexion n’enregistre aucun domaine et n’envoie aucun email. TXT réservé au gestionnaire ; journaux techniques de l’hébergement séparés.

Le site reste le site.

Les pages internes, magasins d’extensions et certaines pages protégées ne sont pas pris en charge. Réactivez après une navigation complète. Une nouvelle mise en page peut déplacer le contenu par rapport aux coordonnées. Conservez JSON et PNG avant d’effacer les données du navigateur.

Installer sur Chrome ↓
Sgrizzy

SGRIZZY · SGRIZ.IT

Bonjour, je suis Sgrizzy !

Une question sur SGRIZ ? Demandez-nous : votre message sera transmis à notre équipe.

Ne saisissez aucun mot de passe, identifiant secret ou donnée confidentielle. Maximum 4 000 caractères.

Nous utilisons votre nom, email et message pour vous répondre. Ce formulaire ne publie pas vos données et ne les ajoute pas au registre des domaines. Le contrôle antispam utilise un cookie technique de session.

Chargement du contrôle antispam…

Un petit geste pour les abeilles.

SGRIZ.IT soutient la protection des abeilles avec Bee2Bee.it. Si vous appréciez le service, faites un don à Bee2Bee.it et aidez-nous à soutenir les abeilles.

Soutenir les abeilles sur Bee2Bee.it ↗