SCROLL UI

【jQuery】スクロールすると画面が上下から出てくる!multiscroll.jsプラグイン

2014.10.05   2155

multiscroll.js

上下から画面を二分した要素がスクロールされてくるmultiscroll.jsプラグイン。
言葉では説明しづらいので是非デモを見てみて。
ちょっと変わったページスクロールUIを実装したい方にオススメ。

  デモを見る

 

IMAGE UI

【jQuery】マウスオーバーで画像がランダムに変わる!Shuffle Imagesプラグイン

2014.09.30   573

13138410434_7b8886fd97_z

画像をマウスオーバーするとコロコロと画像が入れ替わるShuffle Imagesプラグイン。
画面スペースを有効活用しながら画像を何枚も見せたい時にオススメ。
マウスオーバーする楽しみも増える。

  デモを見る

 

BACK GROUND UI

【jQuery】YouTubeやVimeoの動画を背景に出来るプラグイン OK Focus Video

2014.09.21   3429

OKFOCUS_VIDEOのデモページ

動画背景は以前、【jQuery】スタートアップには欠かせない!動画背景プラグインVIDEでも紹介しました。
今回は同じ動画背景系のプラグインでもYouTubeやVimeo上にある動画を「そのまま」且つ「簡単に」WEBサイトの背景に出来るOK Focus Videoプラグインの紹介です。

  デモを見る

 

UI VIDEO

【jQuery】埋め込みYouTube動画の邪魔なヘッダーフッターを排除するプラグイン PrettyEmbed.js

2014.09.17   1410

PrettyEmbed_jsのデモページ

YouTubeの埋め込みコードをそのまま使用するとYouTubeのPlayControlやヘッダーなどが表示されてサイトデザイン的にちょっと…ということがありますよね。
YouTube関連は色々なプラグインがありますが、今回はシンプルにYouTube動画の埋め込み時に邪魔なヘッダーやフッターを排除してサムネイルのみを表示するPrettyEmbed.jsを紹介します。

  デモを見る

 

SCROLL UI

【jQuery】スクロールとプログレスバーがシンクロするプラグイン!Scrolling Progress Bar

2014.09.13   654

Scrolling_Progress_Barのデモページ

スクロールをするとプログレスバーのレベルが上がっていく。
セクション毎にプログレスバーが準備され、セクションをスクロールで通過するとチェックアイコンが付く。
セクション分けしたページを順番に上から読ませたい時に最適なjQueryプラグインのScrolling Progress Bar!

  デモを見る

 

IMAGE UI

LightBoxより良いかも?なjQueryプラグイン!Fluidboxが早いしオシャレ!

2014.09.11   4126

Fluidbox__v1_3__-_CodePen

LightBoxプラグインは今や有名ですよね。
使われている方も多いかと思います。
今回はLightBox風な画像ギャラリープラグインのFluidboxを紹介します。
ポップアップが早くて良い感じです。

  デモを見る

 

IMAGE UI

お気に入りの画像をシール風に動かすプラグイン!Sticker.js

2014.09.05   534

Sticker.jsプラグインcapche

まさにWEB上でシールを剥がすような感覚!を味わえるSticker.jsプラグイン。
マウスホバーでお気に入りの画像にちょっとした遊び心を。
是非ともデモを見て一度シール剥がし感覚を試してみて欲しいです。

  デモを見る

 

SCROLL UI

要素を傾けながらスクロールするjQueryプラグイン!Tilted Page Scroll

2014.09.04   673

jQuery_Tilted_Page_Scrollデモ

WEBサービスの紹介ページやティザーサイトなどで使えそうなスクロールするのが楽しくなるプラグイン。
スクロールする度に画像が傾きながら次の画像へ。
言葉で説明するより一度動きを見てみるのが早いですね。

  デモを見る

 

IMAGE UI

写真をフル画面でヌルっと動かすjQueryプラグイン!Intense Image

2014.08.31   808

Intense_Imagesのデモ

写真を綺麗にフル画面で見せたい、そんなときはこのIntense Image jQueryプラグイン。
フル画面でマウスに合わせて動く感じは是非体験して欲しいです。

  デモを見る