CSSデザインの軌跡「history check GIF」

■ヒストリーチェックGIF・ギャラリー
［history check GIF gallery］

CSSデザインのメタモルフォーゼを楽しむアート展覧会

作品募集中！
‥といっても集まらないと思うので、地道に準備、夏には開催したい。デザインではなく、アートの世界で楽しむのだ。いつものようにマニアック路線。

Dreamweaver 8アイディアノートに少しだけ収録する予定（CSS Niteでプレゼントしよう。欲しい人いない可能性大だが‥）。

●過去エントリーより一部転載：

「history check GIF」はCSSページビルディングの検証用に活用されていたものだ。実際はアニメーションにはなっておらず、構造フローチャートからリンクされる静止画の集まりであった。現在は、検証用のツールがたくさん開発されているので必要とされていない。

アニメーション化された「history check GIF」というのは「見ていて、なんとなく面白い」ということで、作られるようになった。鑑賞目的なのでアート作品に近い。CSSが読める人だけに小技を披露することもでき、CSSアートの奥深さも楽しさの一つである。

Webデザイナーから「history check GIF」を提供してもらって、展覧会をやってみようと思ったのは、このような流れから出てきたものだ。

当時、「history check GIF」の書き出しは、AppleScriptで自動化されていた（この時点でMacユーザー限定である）。
「CSSのコメントで切りながら、ファイルを読み込み、ブラウザのキャプチャをとる」、そして「全てのキャプチャをPhotoshopで開き、GIFアニメに変換して書き出す」という流れである（Photoshop内ではアクションに引き継がれる）。
自動化とはいえ、操作の記録を再生しているだけなので不安定。他のマシンではウィンドウの位置が変わるため、うまくいかない。

このくらいの機能であればアプリケーション化できるのかもしれないが、私には無理そうだ。昔、Directorで似たようなアプリケーションを作ったことがあるが、キャプチャや画像ファイルの書き出しなどはXtraのおかげ（Directorは素晴らしい開発ツールだった）。Flashの仕様ではそもそも不可能だし、他の言語は尚更‥

以下、割愛