jQueryプラグイン・ライブラリ の記事一覧
以前紹介させていただいたjQuery Datepickerですが、カレンダーの日付をクリックして表示される日付のフォーマットをyy/mm/dd
に変更する方法のご紹介です。
続きを読む
[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法
以前にシンプルなフルスクリーンメニューのjQueryプラグインjQuery fatNavの記事で紹介させていただいたjQuery fatNavで、ドロワーメニューの拡大縮小アニメーションをやめる方法のご紹介です。
制作案件でjQuery fatNavを使用した際に、別のjQueryプラグインとの兼ね合いでどうしてもメニューの拡大縮小のエフェクトを外さないといけなかったという事情があり…
だったらjQuery fatNavを使うなという話ですがww、案件の都合で仕方なかったのでカスタマイズしました。
続きを読む
ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。
続きを読む
メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。
続きを読む
ソースコードやテキストをクリップボードにコピーしてもらうのに便利なjQuery プラグイン「clipboard.js」のご紹介です。
続きを読む
ページ読み込み時のローディングを簡単に実装できるjQueryプラグイン「fakeLoader.js」のご紹介です。
fakeLoader.jsにはローディングのアニメーションが最初から7種類用意されており、またローディング画面の表示時間や背景色などの設定も可能ですので、非常に便利なプラグインではないかと思います。
続きを読む
フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。
※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。
続きを読む
ブラウザのサイズに合わせて背景画像を伸縮できるjQueryプラグイン「maxImage」のご紹介です。
1枚の背景画像を置く以外にも、複数枚の画像をフェードイン・フェードアウトで切り替え表示させることもできますので、非常に便利なプラグインではないかと思います。
続きを読む
スマホアプリ起動時のスプラッシュ画像などにもよく見る「磨りガラス風のぼかし」効果ですが、
特定の要素に対してこのぼかし効果を与えることができるというjQueryプラグイン「Foggy」のご紹介です。
続きを読む
レスポンシブWEBデザイン対応で、コンテンツの中身が変わっても、ブロックレベル要素の高さを揃えることができるjQueryプラグイン「jquery.heightLine.js」のご紹介です。
続きを読む
カラーの画像をマウスオーバーで白黒に切り替えることができるjQueryプラグイン「jQuery.BlackAndWhite」について、設置方法と簡単なデモをご紹介します。
続きを読む
レスポンシブWEBデザイン対応で、カルーセルやサムネイルページャー(サムネイル付きスライド)などが可能な高機能スライドプラグイン「Bxslider」ですが、
サムネイルやページングのリンクを「クリック(click)」するのではなく、「マウスオーバー(hover)」で画像をスライドさせるというカスタマイズが必要になったので、今回はその方法をまとめました。
続きを読む
float に横並びにした要素の高さを最大値で揃えるためには、以前に紹介させていただいたCSS を使う方法 以外にも、jQuery で対応することが可能ですので紹介させていただきます。
続きを読む
フォームのテキストエリアtextarea
の高さを、テキスト量に応じて可変にできるjQuery プラグイン「jQuery Autosize」のご紹介です。
テキストエリアに文字をどんどん打って行くと、文字量に応じてテキストが下へ下へと広がって行きますので、特にスマートフォンサイトのような限られた表示領域でテキストエリアを使う場には必須のプラグインではないかと思います。
続きを読む