After Dark in CSS - 往年の名作。アフターダークをスタイルシートで再現
これはおっさんほいほい過ぎる! After Darkという名称を聞いて懐かしい!と思う方はどれくらいいるでしょうか。After Darkは元々はMac OSXの、その後Windows版も販売されたスクリーンセーバソフトウェアです。最初は89年から販売されているとのことで、長い歴史があります。 今でこそスクリーンセーバのために有料ソフトウェアを購入する人は少なくなったと思いますが、ディスプレイの焼き付け(液晶では帯電はあっても焼き付きは起こらないようですが)を防ぐためには必要なものです。そんな懐かしのAfter Darkを現代に、しかもスタイルシートで再現したのがAfter Dark in CSSです。
After Dark in CSSのデモ
こちらに様々なスクリーンセーバのデモがあります。
After Dark in CSSの凄い所はJavaScriptを一切使わずにアニメーションまできちんと実装されている点です。見た目のレガシーさとは裏腹に、使われているテクニックは先端のものになります。その実現方法はかなり参考になる点が多そうです。
After Dark in CSSはスタイルシート製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。