SGRIZ.IT

WENIGER ERKLÄREN. KLARERES FEEDBACK.

NUR DESKTOP · GOOGLE-CHROME-ERWEITERUNG

Genau hier.
Mach es sichtbar.

Sgriz es selbst!

Eine Überschrift verschieben? Einen Button vergrößern? Lege ein Raster über die Website, hinterlasse eine Notiz und kreise das Problem ein. So wird die nächste Änderung sofort klar.

SGRIZ.IT zu Chrome hinzufügen ↗

Derzeit nur auf Desktop-PCs und Laptops mit der Google-Chrome-Erweiterung. Nicht auf Smartphones oder Tablets verfügbar. Ohne Konto.

Lokale Notizen, Domain-Protokoll und E-Mail: Datennutzung
SGRIZ.IT: Raster, Notizen, Zeichnungen und Screenshots für visuelles Website-Feedback. Chrome Web Store öffnen.

DU GESTALTEST FÜR MOBIL? BLEIB AM SCHREIBTISCH.

Das Layout wird kleiner.
Dein Überblick bleibt groß.

Für mobile Layouts kannst du das Chrome-Fenster schmaler ziehen: responsive Websites passen sich an. Nutze für eine genaue Breite die Geräteleiste der Entwicklertools auf dem Computer.

Diese Vorschau hilft beim Layout, ersetzt aber keinen Test auf einem echten Smartphone. SGRIZ bleibt ein Desktop-Werkzeug mit Chrome-Erweiterung.

Für Menschen, die Websites gestalten – nicht fürs Dösen auf dem Sofa. 😉

IN ZWEI SCHRITTEN SGRIZZEN

Einmal installieren.
Aktivieren, wo du es brauchst.

01 / ERWEITERUNG INSTALLIEREN

Dein neues Werkzeug sitzt in der Chrome-Leiste.

SGRIZ.IT ist im Chrome Web Store verfügbar. Öffne den Store in Chrome auf deinem Computer und füge die Erweiterung mit wenigen Klicks hinzu.

SGRIZ.IT: Raster, Notizen, Zeichnungen und Screenshots für visuelles Website-Feedback. Chrome Web Store öffnen.
  1. Öffne den Chrome Web Store über den Button unten und wähle SGRIZ.IT in den Suchergebnissen.
  2. Klicke auf der SGRIZ.IT-Seite auf „Hinzufügen“, prüfe die angeforderten Berechtigungen und bestätige „Erweiterung hinzufügen“.
  3. Öffne das Erweiterungsmenü von Chrome (Puzzlesymbol) und hefte SGRIZ.IT an. Öffne dann eine Website und aktiviere Sgriz Panel.
SGRIZ.IT zu Chrome hinzufügen ↗

Installation über den Chrome Web Store. Chrome verwaltet die Updates der Erweiterung. Offizielle Chrome-Anleitung

02 / ERWEITERUNG AKTIVIEREN

Website öffnen. Zeigen, was du meinst.

Hefte SGRIZ.IT über das Puzzle-Menü von Chrome an. Öffne dann die zu prüfende Seite.

  1. Klicke SGRIZ.IT, um Extension Panel zu öffnen.
  2. Wähle Rastergröße, Farbe, Deckkraft und Sprache.
  3. Wähle Sgriz Panel öffnen / aktualisieren: das grüne Panel erscheint auf der Seite.

Kreise das Logo ein, schreibe „Vergrößern“ und erstelle einen Screenshot. Die Botschaft ist schon klar.

Website öffnen ↗

Nach vollständigem Neuladen erneut aktivieren. Änderungen an Einstellungen aktualisieren das bereits offene Panel.

Welche Website sgrizzen wir?

Öffne sie hier, dann aktiviere SGRIZ.IT in ihrem Tab.

Die Website öffnet sich in einem neuen Tab. Aktiviere dort die Erweiterung.

DEIN SGRIZ PANEL

Ansehen. Markieren. Erklären.
Direkt auf der Seite.

A1

Immer eine genaue Position

Spaltenbuchstaben, Zeilennummern und ausgewählte Koordinate. Wähle eine Zelle oder gib C7 bei Los ein.

50 × 50

Dein Raster, deine Wahl

Größen 1–20: von 50 × 50 bis 1000 × 1000 Pixel. Zellen bleiben beim Skalieren quadratisch und unverändert. Farbe und Deckkraft regeln, Raster ein-/ausblenden.

✎

Notizen, die Aufgaben erklären

Zelle anklicken, gelbe Notiz schreiben und erweitern. Priorität und Status: zu erledigen, in Arbeit, erledigt. Liste, ein-/ausblenden, löschen und rückgängig machen.

◯ □

Eine Skizze sagt mehr

Freihand, Kreise/Ovale und Rechtecke. Zeichenfarbe und Strichstärke, rückgängig machen und Skizzen löschen/wiederherstellen. Zeichnungen folgen dem Scrollen.

↔

Erst messen, dann besprechen

Lineal aktivieren und zwischen zwei Punkten ziehen: Abstand, ΔX und ΔY in CSS-Pixeln. Frei, horizontal oder vertikal messen; Umschalt begrenzt auf die nächste Achse. Messungen folgen dem Scrollen und bleiben in Revisionen, JSON und Screenshots erhalten.

↕

Ein Panel, das seinen Platz findet

Am Titel ziehen; unten wird es zur horizontalen Leiste. Andocken, lösen, ein-/ausklappen oder schließen: Position wird gespeichert. Navigieren gibt Klicks an die Website weiter.

PNG

Zeige genau, was du meinst

Sichtbaren Bereich aufnehmen oder Ganze Seite aufnehmen wählen: ein PNG mit sichtbaren Notizen, Raster, Zeichnungen und Messungen. Die ganze Seite wird gescrollt und zusammengesetzt, danach wird die Ausgangsposition wiederhergestellt. Esc bricht ab. Bilder und Inhalte vorher laden; endlose Seiten, dynamische Elemente und intern scrollende Bereiche benötigen eventuell separate Aufnahmen. Dateinamen ergänzen und Speichern bestätigen.

↺

Dort weitermachen, wo du warst

Lokales Autosave pro Seite, Revision speichern, neue Revision und Verlauf wiederherstellen. Zellgröße ist bei Notizen geschützt; zum Ändern neue Revision starten.

JSON

Anmerkungen mitnehmen

Auf derselben Seite exportieren und importieren. JSON enthält Notizen, Raster und Zeichnungen; PNGs bleiben separat. Dateien selbst teilen. Konten und Online-Zusammenarbeit sind geplant.

NEU SEIT VERSION 0.2.10

Das Lineal: weniger Schätzen, mehr Pixel.

Wie viel Abstand liegt zwischen zwei Elementen? Aktiviere das Lineal im Sgriz Panel und miss direkt auf der Seite, auch diagonal.

  1. Lineal drücken und vom Startpunkt zum Endpunkt ziehen: Abstand, horizontales ΔX und vertikales ΔY ablesen.
  2. Frei, horizontal oder vertikal messen. Im freien Modus mit Umschalt auf die nächste Achse begrenzen; Esc bricht die laufende Messung ab.
  3. Messungen folgen dem Scrollen. Du kannst sie rückgängig machen, ausblenden und in Revisionen und JSON speichern; sichtbare Messungen erscheinen in Screenshots.

Beispiel: 300 px horizontal + 400 px vertikal = 500 px diagonal.

Gemessen wird in CSS-Pixeln des Layouts, unabhängig von der Pixeldichte des Bildschirms. Für das Lineal die Erweiterung auf Version 0.2.10 oder neuer aktualisieren.

CHROME WEB STORE

Hilfreich? Teile deine Erfahrung.

Probiere SGRIZ.IT bei deinem nächsten Projekt aus. Öffne danach die Seite im Chrome Web Store und schreibe eine Rezension: Was hilft dir und was könnte besser werden? Dein Feedback hilft SGRIZ zu wachsen.

Store öffnen und Rezension schreiben ↗

Deine Anmerkungen bleiben deine.

Kein Konto nötig. Notizen, Zeichnungen und Revisionen bleiben im lokalen Erweiterungsarchiv. Screenshots werden auf Wunsch auf dem Computer gespeichert, ohne automatischen Upload.

Jede neue Aktivierung sendet nur die Domain an SGRIZ.IT. Der Server ergänzt Datum und Uhrzeit und versucht TXT-Eintrag und E-Mail an den Betreiber, auch bei TXT-Fehlern. Keine vollständigen URLs, Parameter, Titel, Kommentare, Zeichnungen oder Bilder. Andere Tabs und passives Surfen werden nicht überwacht.

Anfängliche E-Mail-Limits: 30 Versuche/Stunde, mindestens 2 Sekunden Abstand. Ergebnis im Extension Panel: Annahme durch den Maildienst bestätigt keine Zustellung. Der Verbindungstest sendet keine E-Mail und protokolliert keine Domain. TXT nur für den Betreiber; technische Hosting-Protokolle separat.

Die Website bleibt sie selbst.

Interne Browserseiten, Erweiterungsstores und manche geschützte Seiten werden nicht unterstützt. Nach vollständiger Navigation erneut aktivieren. Layoutänderungen können Inhalte relativ zu Koordinaten verschieben. JSON und PNG sichern, bevor Browserdaten gelöscht werden.

Für Chrome installieren ↓
Sgrizzy

SGRIZZY · SGRIZ.IT

Hallo, ich bin Sgrizzy!

Eine Frage zu SGRIZ? Frag einfach: Deine Nachricht geht an unser Team.

Keine Passwörter, Zugangsdaten oder vertraulichen Daten eingeben. Maximal 4.000 Zeichen.

Wir verwenden Name, E-Mail und Nachricht zur Beantwortung. Dieses Formular veröffentlicht deine Daten nicht und fügt sie nicht zum Domain-Protokoll hinzu. Die Spam-Prüfung verwendet ein technisch notwendiges Sitzungscookie.

Spam-Prüfung wird geladen…

Eine kleine Geste für die Bienen.

SGRIZ.IT unterstützt gemeinsam mit Bee2Bee.it den Schutz der Bienen. Wenn dir der Dienst gefällt, spende an Bee2Bee.it und hilf uns, die Bienen zu unterstützen.

Bienen auf Bee2Bee.it unterstützen ↗