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

最近はWebサイトにカルーセルを載せて写真をスライド表示するのを多く見かけるようになりました。大抵右から左に写真が流れていくものが多いのですが、あまり多いと見飽きてしまいます。これではせっかくの写真が印象に残りません。

より写真を強調したカルーセルを考えるならばSmoothslidesを使ってみても面白そうです。

Smoothslidesの使い方

Smoothslidesを使うと写真が単に表示されるだけでなく、上下左右にゆっくりと動きます。写真がより印象深くなるのではないでしょうか。

これはケン・バーンズ効果と呼ばれ、静止画に動きと生命を与える手法として知られています。AppleのiPhoto、iMovieなどでも実装されているものになります。写真を楽しむ上で欠かせないテクニックと言えそうです。

SmoothslidesはJavaScript製、Creative Commonsのオープンソース・ソフトウェアです。

Smoothslides Demo

kthornbloom/Smoothslides

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2