( jc – 29.01.2009 15:33)

FLIQLO style Pagesaver..

FLIQLO style "Pagesaver"..

Inspiriert durch den allerliebsten FLIQLO Screensaver von Yuji Adachi kam mir die – zugegeben reichlich sinnlose – Idee sowas für eine Website zu bauen.. ein Lightbox-artiges Overlay mit einer Zeitanzeige im Fliqlo style.. voila, ‘ere it is, der allerneuste Unsinn:

Der Pagesaver.. ;-)

Das ganze ist lediglich ein proof of concept basierend auf ein wenig JS und CSS. Von daher im Moment auch nur für Mac Browser (Webkit, Gecko & Opera) umgesetzt.

Angesichts der minderen Relevanz einer solchen Spielerei weiß ich noch nicht ob ich mir die Mühe machen werde das für WIN Browser anzupassen. Prinzipiell sollte es gehen, der Knackpunkt sind die Positionierungen der Zahlen, welche interessanerweise schon in den 3 Mac Browsern vollkommen unterschiedlich sind. Trotz festgenagelter line-height, font-size, margins, paddings und so weiter setzen alle 3 die Zahlen auf unterschiedlichen Höhen in die umgebende Box. Momentant ist das per JS Browserweiche gelöst.. nicht schön, aufwändig, aber es geht.

Die schmerzfreie Alternative wäre es gleich das .swf aus dem FLIQLO Screensaver zu verwenden, allerdings müßte man erst die rechtliche Seite klären, und außerdem gäbe es dann erstmal keine Möglichkeit dem overlay eine Transparenz zuzuweisen.. es sei denn, der Browser schafft es eine gesetzte opacity des parent divs auch für das Flash movie umzusetzen..

usage: Der Pagesaver selbst läßt sich per Tastatureingabe, windowresize, oder einen Klick ins Fenster deaktivieren. Der Block mit den Ziffern ist fix in seinen Maßen, und wird mittig im viewport positioniert.

demo: Der Pagesaver wird nach 120 Sekunden idle time eingeblendet, zum Test kann man ihn hier per mouseover (könnte man auch zu ner “aktiven Ecke” machen) manuell aktivieren .