Decaying Sites

Websites neigen dazu, von selbst zu verfallen. Link-Fäule, nennt man das. Ungesponserte Domainnamen-Registrierungen. Unternehmen, die pleite gegangen sind. Website-Besitzer, die das Interesse verloren haben. Was ist trauriger als eine 404? Auf einer Haldeseite einer URL zu landen, die früher existierte, aber nun in die Hände eines Domain-Hortiers gefallen ist, nachdem sie abgelaufen ist, in der Hoffnung, dass jemand einen Premium-Preis zahlt, um sie zurückzubekommen.

Das macht keinen Spaß. Aber was ist mit Websites, die *noch ganz da* sind, nur alt? Welche lustigen Dinge könnten wir tun, um Alter auf Wunsch zu signalisieren?

Im CodePen-Blog kennzeichnen wir Blogbeiträge, die seit mindestens ein paar Jahren nicht mehr aktualisiert wurden. Wir aktualisieren zwar Dokumentationen, aber Blogbeiträge lassen wir als historischen Aufzeichnung. Daher sind wir uns da ziemlich klar.

<?php if (get_the_modified_date("Y") < 2017) { ?>
  <p class="callout"><strong>Heads up!</strong> This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the <a href="/documentation/">docs</a>. Get in touch with <a href="https://codepen.io/support/">support</a> if you have further questions.</p>
<?php } ?>

Wir gestalten es wie eine kleine Warnung.

Aber was wäre, wenn es weniger offensichtlich wäre? Was, wenn der Text einfach anfinge, total kaputtzugehen? Wörter, die von ihren Zeilen fallen und aus dem Fokus geraten? Je älter der Inhalt, desto mehr Verfall.

Siehe den Pen
Decayed Text von Chris Coyier (@chriscoyier)
auf CodePen.

Was wäre, wenn Sie eine Website absichtlich verfallen lassen würden? Sagen wir, Sie halten Kundenarbeiten zurück, und der Kunde hat seine Rechnung nicht bezahlt. Dragoi Ciprian hat eine kleine Idee (Repo) dafür. Sie legen das Fälligkeitsdatum und die Frist fest.

var due_date = new Date('2017-02-27');
var days_deadline = 60;

Hier ist eine Demo davon. Während ich schreibe, bin ich 30 Tage einer 90-tägigen Frist. Wenn die Demo für Sie leer aussieht, nun ja, ich hätte wohl meine Rechnung bezahlen sollen, damit dieser Code hätte entfernt werden können 😉

Siehe den Pen
not-paid Demo von Chris Coyier (@chriscoyier)
auf CodePen.

Oder vielleicht könnte der Bildschirm rot aufleuchten, als ob Sie in einem Videospiel getroffen würden.

Oder Sie könnten ganz glitchy werden! (Diese Demo lädt per Klick – Warnung vor schnellen Farben und Bewegung.)

Siehe den Pen
Glitchy loader von Nathaniel Inman (@NathanielInman)
auf CodePen.

Siehe den Pen
CSS Glitched Text von Lucas Bebber (@lbebber)
auf CodePen.

Vielleicht kommen diese Effekte nicht aufgrund eines Zahlungsdatums oder des Alters des Inhalts zum Einsatz, sondern basierend darauf, wie lange es her ist, dass die Abhängigkeiten der Website aktualisiert wurden. Oder zumindest *irgendeine* Art von Deployment-Push stattgefunden hat.

---

Das ist nur so halbwegs verwandt, aber es erinnert mich an das sehr, sehr gruselige Spiel Lose/Lose

Lose/Lose ist ein Videospiel mit realen Konsequenzen. Jede Alienfigur im Spiel wird basierend auf einer zufälligen Datei auf dem Computer des Spielers erstellt. Wenn der Spieler das Alien tötet, wird die Datei, auf der es basiert, gelöscht. Wenn das Schiff des Spielers zerstört wird, wird die Anwendung selbst gelöscht.

Obwohl das Berühren von Aliens dazu führt, dass der Spieler das Spiel verliert, und das Töten von Aliens Punkte einbringt, schießen die Aliens niemals tatsächlich auf den Spieler. Das wirft die Frage nach der Mission des Spielers auf, die niemals explizit angegeben wird, sondern nur durch klassische Spielmechaniken angedeutet wird. Soll der Spieler ein Aggressor sein? Oder nur ein Beobachter, der durch ein gefährliches Land reist?