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

多くの写真をいかに格好よく見せるか、Webデザイナーとしてはこだわりがあるでしょう。単純なグリッドに人気が集まる中、Pinterestのように縦に並べていく方式が人気になりました。見せ方にはまだまだ変革の余地があると言えます。

そんなグリッド表示を様々なパターンで表示し、切り替えられるライブラリがTremulaJSです。ここからアイディアのインスピレーションが得られるのではないでしょうか。

TremulaJSの使い方

水平スクロール。反射がついています。
水平スクロール。反射がついています。

こちらは左右が奥に表示されています。
こちらは左右が奥に表示されています。

こちらは逆に手前です。
こちらは逆に手前です。

サークル型。
サークル型。

Pinterestに似た表示もあります。
Pinterestに似た表示もあります。

複数段重ねた表示も可能です。
複数段重ねた表示も可能です。

TremulaJSは多彩な画像表示について、簡単に選択して切り替えられるようになっています。写真コンテンツによって表示のさせ方を選べるので、TremulaJSさえあれば写真表示の殆どは任せられるかも知れませんね。

TremulaJSはJavaScript製、GPL v3のオープンソース・ソフトウェアです。

Cool CSS Loading Effects for Grid Images

TremulaJS

garris/TremulaJS

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2