UI IMAGE

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

2014.09.30   642

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

  デモを見る

 

FORM INPUT

【jQuery】クレジットカードにそのまま入力している感覚!Cardプラグイン

2014.09.22   979

ECサイトに限らずユーザーにクレジットカードの入力を求める機会は多いかと思います。
Cardはクレジットカードの入力を実際のカードに見立てたデザインでオシャレに入力出来るjQueryプラグインです。

  デモを見る

 

UI BACK GROUND

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

2014.09.21   3878

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

  デモを見る

 

CHART CIRCLE

【jQuery】かわいい動きの円グラフが簡単に作れるプラグイン!Donut animated

2014.09.19   1117

チャート系jQueryプラグインは数知れずありますが、今回紹介するのは動きがとってもかわいい円グラフが作れるDonut animatedというjQueryプラグイン。
サイトがパッと華やぎます。

  デモを見る

 

UI VIDEO

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

2014.09.17   1579

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

  デモを見る

 

UI SCROLL

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

2014.09.13   789

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

  デモを見る

 

UI IMAGE

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

2014.09.11   4613

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

  デモを見る

 

OTHER NETA

快感!布を引き裂く感覚が味わえるプラグイン!Tearable Cloth

2014.09.09   486

たった3行で布を引き裂く快感がWEB上で味わえる。
なかなかそのまま使用する機会も無いかも?ですが、面白いので是非デモで動きを試してみてください。
この動きは必見です。

  デモを見る

 

FORM INPUT

簡易HTMLタグ生成フォームを作れるjQueryプラグイン!Trumbowyg

2014.09.08   1882

クライアント用にちょっとしたオリジナルのCMSというか簡易HTMLタグ生成システムを提供したい。
まさにそんな時に打ってつけなのが今回紹介するTrumbowyg jQueryプラグインです。
コード自体も少なく、すぐに実装出来ちゃいます。

  デモを見る