IMAGE UI

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

2014.09.30   573

13138410434_7b8886fd97_z

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

  デモを見る

 

FORM INPUT

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

2014.09.22   768

cardプラグインのデモページ

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

  デモを見る

 

BACK GROUND UI

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

2014.09.21   3429

OKFOCUS_VIDEOのデモページ

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

  デモを見る

 

CHART CIRCLE

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

2014.09.19   953

Animated_percentage_indicator_with_Snap_svg_with_interactive_legend_-_CodePen

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

  デモを見る

 

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を紹介します。
ポップアップが早くて良い感じです。

  デモを見る

 

NETA OTHER

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

2014.09.09   436

Tearable_Clothプラグインのデモページ

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

  デモを見る

 

FORM INPUT

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

2014.09.08   1421

Trumbowyg___a_lightweight_WYSIWYG_editor

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

  デモを見る