• RSS
[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法

[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法

以前にシンプルなフルスクリーンメニューのjQueryプラグインjQuery fatNavの記事で紹介させていただいたjQuery fatNavで、ドロワーメニューの拡大縮小アニメーションをやめる方法のご紹介です。

制作案件でjQuery fatNavを使用した際に、別のjQueryプラグインとの兼ね合いでどうしてもメニューの拡大縮小のエフェクトを外さないといけなかったという事情があり…

だったらjQuery fatNavを使うなという話ですがww、案件の都合で仕方なかったのでカスタマイズしました。
続きを読む

[JS]jQuery不要のコンテンツスライダーSwiperの使い方(デモあり)

このブログでもbxsliderなど、いくつか便利なスライダープラグインを紹介させていただいておりますが、今回はjQuery不要の高機能スライダーSwiperの使い方を、デモ付きで紹介しようと思います。

SwiperはIMG画像ファイルだけでなく背景画像もスライド可能で、しかもレスポンシブ対応のスライダーなので、様々なサイトで利用することができると思います。
続きを読む

[JS]テキストを縦書きにできるJavascript「h2vR.js」の使い方

テキストを縦書きにできるJavascript「h2vR.js」のご紹介です。

ファイルも軽量でjQuery不要で使えますし、ちょっと縦書きにして表示したいテキストにピンポイントでクラスを付与するだけなので、CSSでも縦書きの指定ができますが個人的にはh2vR.jsを使う手もありかなと思います。
続きを読む

[JS]特定の要素の<a>タグを除外してスムーススクロールをする方法

jQueryのスムーススクロールを使うことはよくあるのではないかと思いますが、今回は指定したクラスの<a>タグをスムーススクロールから除外する方法を紹介させていただきます。
続きを読む

[JS]シンプルなフルスクリーンメニューのjQueryプラグイン「jQuery fatNav」

ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。
続きを読む

[JS]AjaxZip3 をGoogle Code 版からGithub 版へ移行する手順(2016年1月までに要移行)

以前に 郵便番号から住所を自動入力できるjavascript「ajaxzip3」 の記事でも紹介させていただいたAjaxZip3 ですが、2016年1月に「Google Code」が閉鎖される 影響により、Google Code 版からGithub 版へ移行する必要があります。
続きを読む

[JS]フォームの入力値を数字や整数のみに制御できるjQuerysプラグイン「jQuery Plugin – Numeric」

メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。
続きを読む

[JS]一定量スクロールしてから「ページの先頭へ」ボタンを表示する方法

jQueryで、ページをスクロールしたら「ページの先頭へ」のリンクを表示/非表示する方法のご紹介です。

「ページへ先頭へ」リンクは、ページを開いた時には表示されませんが、少しスクロールする(今回の例ではページ上部から100px)とフェードインで表示され、リンクを踏んでページ先頭へ戻るとフェードアウトで非表示になる、という動きになります。
続きを読む

[JS]テキストをクリップボードにコピーさせることができるプラグイン「clipboard.js」

ソースコードやテキストをクリップボードにコピーしてもらうのに便利なjQuery プラグイン「clipboard.js」のご紹介です。
続きを読む

[JS]jQueryでフォームへテキストのペーストを禁止する方法

input type=”text”などのフォームへテキストをペーストさせないように、jQueryで制御する方法のご紹介です。
続きを読む

[JS]アニメーションの種類も豊富なローディング用プラグイン「fakeLoader.js」

ページ読み込み時のローディングを簡単に実装できるjQueryプラグイン「fakeLoader.js」のご紹介です。

fakeLoader.jsにはローディングのアニメーションが最初から7種類用意されており、またローディング画面の表示時間や背景色などの設定も可能ですので、非常に便利なプラグインではないかと思います。
続きを読む

[JS]メールの二重送信を防止するjQueryプラグイン「jQuerty Form disable on submit」

フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。

※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。
続きを読む

Google Maps API の地図のレスポンシブWEB対応

Google Maps API の地図をレスポンシブWEBデザイン対応にする方法のご紹介です。

PCでブラウザを伸縮しても、スマートフォン端末を縦横に回転しても、Google Maps のピンを常に中央に表示させることができます。
続きを読む

[JS]背景画像にスライドやフェードの動きを付与できる「jQuery.BgSwitcher」

複数の背景画像をスライドで横に動かしたり、フェードイン、フェードアウトで切り替えたりすることができるjQueryプラグイン「jQuery.BgSwitcher」のご紹介です。
続きを読む