← Journal
Beitrag 01

Chrome-Erweiterung

Die aktuelle Seite mit der ClippingMini Chrome-Erweiterung speichern

Von der Installation über das Speichern per Popup und Kontextmenü bis zum erneuten Öffnen zuletzt verwendeter Links.

Wenn ich online einen interessanten Artikel finde, speichere ich ihn meist sofort. Was einfach klingt, kostet oft mehrere Schritte: einen anderen Dienst öffnen, einen Ordner auswählen und einen Titel eingeben. Bis dahin ist der Lesefluss längst unterbrochen.

Mit der ClippingMini Chrome-Erweiterung bleibt dieser Vorgang im aktuellen Tab. Beim Öffnen sind Seitentitel und URL bereits eingetragen. Danach genügt es, einen Ordner auszuwählen und zu speichern. Bei Bedarf lässt sich auch eine kurze Notiz ergänzen.

Für einen gespeicherten Link sollte man den Lesefluss nicht unterbrechen müssen.

Dieser Beitrag folgt dem Verhalten der aktuellen Erweiterung: von der Anmeldung über das Popup und das Kontextmenü bis zum erneuten Öffnen kürzlich verwendeter Seiten.

1. Installieren und anmelden

ClippingMini im Chrome Web Store installieren

Nach der Installation öffnet man ClippingMini über die Browser-Symbolleiste. Wer die Web-App bereits nutzt, meldet sich mit demselben Konto an. Die dort angelegten Ordner stehen anschließend auch in der Erweiterung zur Verfügung.

Für die Anmeldung gibt es zwei Möglichkeiten:

  • Mit Google fortfahren
  • Mit E-Mail-Adresse und Passwort anmelden
chrome-extension://clippingmini
ClippingMiniAnmeldung erforderlich

Mit demselben Konto wie in der Web-App anmelden.

Mit Google fortfahren
oder
Passwort••••••••••
Anmelden

Ein separates Konto für die Erweiterung ist nicht nötig. Sie verwendet das Firebase-Token der Anmeldung für die ClippingMini API. Dadurch greifen Web-App und Erweiterung auf dieselben Ordner und gespeicherten Inhalte zu.

2. Die aktuelle Seite speichern

Nach der Anmeldung füllt das Popup die Daten des aktiven Tabs automatisch aus.

  1. Unter Ordner das Ziel auswählen.
  2. Seitentitel und URL prüfen.
  3. Bei Bedarf eine Notiz ergänzen.
  4. In ClippingMini speichern auswählen.
ClippingMiniBereit
OrdnerResearch
SeitentitelEine hilfreiche Chrome-Erweiterung entwerfen
URLhttps://example.com/chrome-extension-design
Notiz (optional)Vor dem Architekturtermin noch einmal lesen
In ClippingMini speichern
Gespeichert: Eine hilfreiche Chrome-Erweiterung entwerfen
01

Titel und URL sind schon da

Die Erweiterung liest Open-Graph-Titel, Beschreibung, Bild und Favicon aus dem aktiven Tab. Wird die URL geändert, werden die Metadaten der ursprünglichen Seite nicht mitgesendet.

Die Ordnerliste entspricht der Web-App. ClippingMini merkt sich den zuletzt gewählten Ordner. Beim Sammeln mehrerer Links für dasselbe Projekt entfallen dadurch zusätzliche Klicks. Ist das Netzwerk langsam, erscheint zunächst die zwischengespeicherte Liste und wird später aktualisiert.

Normale Webseiten mit http:// oder https:// lassen sich speichern. Interne Browser-Seiten wie chrome://settings werden nicht unterstützt.

3. Schneller speichern per Kontextmenü

Wenn weder Titel noch Notiz geändert werden müssen, kann das Popup geschlossen bleiben. Ein Rechtsklick auf die Seite und Seite zu ClippingMini hinzufügen genügt.

ARTICLE

Building a calmer reading workflow

Designing tools that stay out of the way.

ZurückNeu ladenSpeichern unter...Drucken... Seite zu ClippingMini hinzufügen Untersuchen
In ClippingMini gespeichertBuilding a calmer reading workflow

Über das Kontextmenü gespeicherte Seiten landen im zuletzt verwendeten Ordner. Titel und Metadaten stammen aus dem geöffneten Tab; nach Abschluss erscheint eine Chrome-Benachrichtigung. Ist die Anmeldung abgelaufen oder ein Speicherlimit erreicht, bleibt die Fehlermeldung sichtbar. Ein Klick darauf öffnet weitere Hinweise.

Wichtig: Auch bei einem Rechtsklick auf einen Link wird die aktuell in der Adressleiste geöffnete Seite gespeichert, nicht das Linkziel. Um den Link selbst zu speichern, öffnet man ihn zuerst oder fügt seine Adresse im Popup ein.

4. Zuletzt verwendete Seiten erneut öffnen

Im Bereich Zuletzt verwendet am unteren Rand erscheinen bis zu 20 kürzlich geöffnete Einträge. Es ist dieselbe Liste wie in der Werkzeugleiste der Web-App.

ClippingMiniBereit
Zuletzt verwendet
W Extension DesignD Design Systems V Vue PatternsA AI Agents
02

Direkt zur letzten Arbeit zurück

Ein Klick öffnet die Seite im aktiven Tab. Der ausgewählte Eintrag rückt an den Anfang der Liste.

Die Erweiterung verwendet den aktuellen Tab weiter, statt jedes Mal einen neuen zu öffnen. Schlägt die Aktualisierung der Liste fehl, bleiben vorhandene zwischengespeicherte Einträge sichtbar.

So sieht der Ablauf im Alltag aus

1Seite findenEinen lesenswerten Inhalt entdecken
2Speicherweg wählenPopup oder Kontextmenü
3Im Ordner speichernMit Titel und Metadaten
4Später wieder nutzenÜber Web-App oder letzte Einträge

Das Popup eignet sich, wenn Ordner und Titel geprüft oder eine Notiz ergänzt werden sollen. Für eine schnelle Ablage der aktuellen Seite reicht das Kontextmenü. Beide Wege führen in dasselbe Konto und dieselben Ordner.

Zum Schluss

Es ging nicht darum, die komplette Web-App in ein kleines Popup zu packen. Entscheidend war, im richtigen Moment nur die nötigen Funktionen zu zeigen und den Weg bis zum Speichern kurz zu halten.

Automatisch ausgefüllte Seitendaten, der zuletzt verwendete Ordner und zwischengespeicherte Listen wirken wie Kleinigkeiten. Bei einem täglich genutzten Werkzeug machen genau diese Details einen spürbaren Unterschied.

Im nächsten Beitrag geht es eine Ebene tiefer: Wie die Erweiterung Open-Graph-Daten aus dem aktiven Tab liest und die Firebase-Anmeldung mit der ClippingMini API verbindet.

Vielen Dank fürs Lesen.Weiteren Beitrag lesen →