Plugin

jQuery webcam plugin

webカメラの操作を行う jQuery webcam plugin

webカメラについて 概要 webカメラとは、www・PCカメラを使用して、撮影された画像にアクセスするリアルタイムカメラ。 ライブカメラということもあります。 これらはwwwでアクセスするため、インターネットに接続されているPCでのみ利用できます。 jQuery webcam plugin jQuery webcam pluginは、webカメラを操作するためのjQueryとFl...
2013/12/23

jQueryでフォームの入力チェック - ValidationEngine

ValidationEngineとは 概要 ValidationEngineとは、Webページのフォームでバリデーション（入力チェック）を行うためのjQueryプラグインです。 バリデーションとは、入力された値が正しいかどうかチェックすることです。 例えば、電話番号入力欄に「足利尊氏」などと入っている場合はエラーにするなど、正しい形式か検証する処理です。 ことなる形式の値が入力された場合...
2013/11/21

めちゃくちゃ使いやすいスライダー - jQueryプラグイン「bxslider」

これは使いやすい！ 概要 bxslider というjQueryプラグインの紹介です。 これを使用することでとても簡単にいろいろなスライダーを実現することができるのです。 あまりjQueryに詳しくない方でも、これなら簡単に設定できちゃいます。 是非お試しください。 ダウンロード さっそくダウンロードしてみましょう。 bxslider 右上の「Download」をクリックするこ...
2013/10/08

マウスオーバーで画像をズーム表示するjQueryの紹介

画像をズーム表示 zoom jQuery マウスオーバーで画像をズームして表示するためのjQueryプラグインを紹介します。 大きな画像を表示したいがその画像ば場所をとるのは避けたい。 そんな時に、小さい枠で表示しておきマウスを載せた箇所が拡大表示されるためとても便利です。 ダウンロードはGitHubから行えます。 ダウンロードしたディレクトリ内の「demo.html」を見るこ...
2013/10/07

Adaptor エフェクトの種類が豊富なjQueryスライダー

Adaptorの紹介 AdaptorとはイメージをスライドするためのjQueryプラグインです。 切り替え時のエフェクトの種類が豊富であり、表示時間がプログレスバーで表示されるなどの機能もあります。 スライド時のエフェクトの種類が多いのは特に魅力的ですね。 様々な種類のプラグインが存在しますが、これはその中でも使いやすのではないでしょうか。 ダウンロードはGithubから行えます。 サ...
2013/10/04

jQuery.Bottom 下までスクロールしたらページング

下までスクロールしたらイベント スマホでよくあるページング 下までスクロールしたら自動的にページングされる画面をみたことはありますか？ 私は良くスマホサイトで見ます。PCサイトでもたまに見かけることはありますが。 これは、下までスクロールしたときにイベントが発生し、そのイベントで次のページを表示するよう処理が行われています。 今回は、この下までスクロールしたときにイベントを発生させるjQ...
2013/09/19

jQueryプラグインのPopEasyを使って簡単モーダル表示

簡単にモーダル表示 概要 モーダルウィンドウとは、なんらかの画面の子画面として生成され、開いている間は他の画面を操作できないインターフェースになっている画面です。 今回は、このモーダルウィンドウを簡単に設置することができるPopEasyというjQueryプラグインを紹介します。 画面遷移を行わずにメッセージや何かの情報を表示したり、入力フォームを表示したり、画像を拡大表示したいときなどに便...
2013/08/27

jQueryで可変グリッド・Masonryプラグイン

jQuery 可変グリッドの実装方法 概要 Masonryのプラグインを使うことで、簡単に可変グリッドのWebサイトを制作することができます。 また、今回ではスライダーで各コンテンツのサイズを調整できるようにしてみました。 Masonryプラグインの設定例 まずは、Masonryから「masonry.pkgd.js」を取得します。 今回は、シンプルで簡単な方法を紹介しています。...
2013/08/06

ブルブル震えるjQueryの紹介 jRumble

ブルブル移動する動作を実現 jRumbleというjQueryプラグインを使用して、画像や文字などをガクガクブルブル震える動作を行うことができます。 設定方法もとても簡単ですぐに出来るため、興味があれば試してみてください。 仕組みもシンプルで、JavaScriptでランダムな位置数を生成して、それをCSSのtopやleftに適用して移動させるという処理をsetIntervalを使って連続で...
2013/08/02

jQueryで簡単に吹き出しをポップアップ

マウスオーバーで吹き出しをポップアップ 概要 jquery.balloon.jsを使用して、マウスオーバーで吹き出しを簡単にポップアップで表示する方法の紹介です。 このjQueryプラグインは、シンプルでとても簡単に設置することができます。 また、カスタマイズも容易にできるためおすすめです。 当記事では、初めにサンプルコードを掲載し、各オプションの設定方法について説明していきます。 ...
2013/07/30
トップへ戻る