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

ギャラリー系ライブラリではコンテンツ(主に写真)の見せ方にこだわりが感じられます。単純に並べるだけではダメで、大きさを変えたり、Pintrest風に高さを変えたりして効果的な見せ方をします。

今回紹介するjquery-hex-galleryもその一つです。面白いのは四角ではなく、六角形になっているという所です。

jquery-hex-galleryの使い方

デモです。全ての画像はアニメーションGIFで動きます。
デモです。全ての画像はアニメーションGIFで動きます。

マウスオーバーでテキスト表示します。
マウスオーバーでテキスト表示します。

四角ではない見せ方というのがとにかく格好いいです。画像は元々四角なので見えていない部分もあると思いますが、グリッドで綺麗に並べることでそれに勝るインパクトが感じられるギャラリーになっています。

jquery-hex-galleryはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

Hex Demo

morris821028/jquery-hex-gallery

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2