Mit diesem Hack verbesserst du die User Experience von CodePen

CodePen ist für mich eine geniale Plattformen, um sich inspirieren zu lassen und herauszufinden, was durch Web-Technologien alles möglich ist.

Was mich aber störte: die Pen-Gallerie. Gerade wenn man nur kurz in das Ergebnis hereinschauen wollte, dauert es sehr lange, weil die Seite für einen Pen ganz neu aufgebaut werden musste. Dann musste man wieder zurück zur Gallerie navigieren (was auch nochmal dauerte).

Also habe durch die Konsole des Browsers per JavaScript einen kleinen Hack geschrieben:

See the Pen CodePen gallery hack by Lars Gerrit Kliesing LGK (@lgkonline) on CodePen.

Der Code bewirkt, dass die Links zu den Pens jeweils in einen Iframe geöffnet werden, der dann in den Vordergrund gerät. Nach einem Klick außerhalb des Iframes wird dieser wieder geschlossen und man kann den nächsten Link auswählen.

Ein kleines Problem war, dass bei einem Wechsel auf eine andere Seite das Verhalten wieder zurück gesetzt wurde. Als Workaround wird mein Programm kurz nach einem Seitenwechsel erneut ausgeführt.

So nutzt du den Hack

Während du dich in der Gallerie von CodePen befindest, öffne die Konsole deines Browsers (unter Windows ist das meistens F12). Und füge dort den Code von oben ein.

Das kannst du so machen. Allerdings müsstest du das bei jedem Besuch wiederholen, da der Code ja nicht dauerhaft gespeichert wird. Durch Browser-Erweiterungen (wie z.B. dieser für Chrome) könntest du aber erreichen, dass der Hack jedes Mal ausgeführt wird.

Spare als Adobe CC-Abonnent bares Geld

Es ist kein Geheimnis, dass die Creative Cloud-Abos von Adobe alles andere als Schnäppchen sind.
Als Bestandkunde kannst du dir aber möglicherweise 60 Tage Kosten sparen.

Wechsel dafür in die Kontoeinstellungen deiner Adobe ID. Öffne dafür die Adobe Creative Cloud-Anwendung (wo du z.B. Photoshop installierst), klicke oben rechts auf dein Profilbild und dann auf „Konto verwalten“.

Es öffnet sich eine Seite, melde dich hier mit deinem Passwort an.
Klicke dann bei „Creative Cloud-Abonnement“ unter „Abos & Produkte“ auf „Abo verwalten“.

Jetzt klicke auf „Abo kündigen“. Um dich vom Kündigen abzuhalten wird dir nun die Gutschrift angeboten.
In meinem Fall werden mir die Kosten für 60 Tage erstattet. In meinem Fall wären das immerhin 118,98€.