ITエンジニア/デザイナ向けにオープンソースを毎日紹介

css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。


100519-0003.png

タイル状に並んだ写真を一気に見渡せる

 

そんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。

ターゲットはモバイルだ。PC版のWebKit(SafariやGoogle Chrome)ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとても面白い。


100519-0006.png

水平表示だとさらにスピード感が出る

 

タイル状に写真を並べるSnow Stackと、カバーフローのように一段で表示するCover Flowという二パターンがサポートされている。写真サイトの見せ方として、導入してみたいソフトウェアだ。

 

css-vfx - Project Hosting on Google Code

 http://code.google.com/p/css-vfx/

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2