2014年7月

パンの形をしたサムネイルがふんわりと現れる画像リスト


パンの形をしたサムネイルがふんわりと現れる画像リスト



最近は店舗や会社でもブログを更新することが増えています。
みなさんはどんなデザインのブログを使っていますか?

ページを読み込んで画像が表示される際に、
ふんわりと焼きたてのパンのように
アクションをして現れます。
マウスオーバー時もアクションが起こります。

画像表示時アクション wow.js
http://coliss.com/articles/build-websites/operation/javascript/js-wow.html

マウスオーバー時アクション Hover.css
http://ianlunn.github.io/Hover/


ブログの記事一覧や商品リストなど画像が並ぶことは多いですが、
サムネイルをちょっと違った形やアクションにするだけで、とても印象的になります。

カテゴリー: design | コメントをどうぞ

背景スライドショーで見せる動画ギャラリー


背景スライドショーで見せる動画ギャラリー



動画を背景でギャラリーとして見せることで
閲覧され辛い動画というコンテンツをユーザーに届け易くなります。
また、1つ1つではコンテンツとして弱い動画でも、
全体の雰囲気を感じてもらえるような印象的な演出として使うことができます。
今回はbigvideo.jsというjsを使用しています。

http://tympanus.net/codrops/2012/09/19/fullscreen-video-slideshow-with-bigvideo-js/

データ元
bigvideo.js

空間の全体・お店の営業風景からイメージビデオまで
様々なシーンで応用できる動画ギャラリーです。

カテゴリー: design | コメントをどうぞ