PulltoRefresh.jsは、スマホやタブレットで画面を下に引っ張ると、ページをリロードできるようになるスクリプトです。指定した要素のみをリフレッシュすることもできます。 スマホやタブレットでデモページにアクセスす…
スマホで画面を下に引っ張るとリロードする機能を実装できる「PulltoRefresh.js」
JavaScriptやjQueryを使ってサイト上での右クリックを禁止する方法
JavaScriptやjQueryを使って、サイト上で右クリックができないようにする方法をご紹介いたします。 JavaScriptで右クリックを禁止する JavaScriptで右クリックを禁止するには、bodyに「onc…
iframe内のリンククリックをトラッキングすることができるjQueryプラグイン「iframeTracker」
iframeTrackerは、iframe内のリンククリックを計測するためのjQueryプラグインです。iframeTrackerを導入することで、クロスサイトでのiframeのトラッキングが可能になります。 ifram…
チェックを入れたら入力可能になるテキストボックスをjQueryで実装する方法
HTMLフォームで、チェックを入れた時だけ有効になるテキストボックスを実装する方法をご紹介いたします。 今回は例として、果物にチェックを入れたら個数が入力できるようになるフォームを作りたいと思います。 以下のように、チェ…
テーブルをレスポンシブ対応にしてくれるjQueryプラグイン「resTables」
resTablesは、テーブルをレスポンシブ対応にしてくれるjQueryプラグインです。ブラウザの幅が縮まると、横長のテーブルを縦に並べてくれます。 デモについては、プラグインの配布ページでご確認いただけます。 resT…
画像に透かしを入れることができるjQueryプラグイン「Watermark」
※2018/11/09追記 Watermarkの配布ページはなくなっていました。提供終了したようです。 Watermarkは、画像に透かしを入れることができるjQueryプラグインです。 プラグインの配布ページでデモを確…
全画面もしくは指定した要素全体に背景画像を表示することができるjQueryプラグイン「BACKSTRETCH」
BACKSTRETCHは、ウインドウ全体もしくは指定要素の全体に背景画像を表示することができるjQueryプラグインです。 デモは、ダウンロードページのDemosでご確認いただけます。 BACKSTRETCHの使い方 ダ…
スクロール量をプログレスバーで表示してくれるjQueryプラグイン「Scrollgress」
Scrollgressは、ページのスクロール量をプログレスバーで視覚的にわかりやすく表示してくれるjQueryプラグインです。 動作については、デモページをご参照ください。スクロール量に応じて、ページ上部にプログレスバー…
サイト閲覧時にスクロール量を表示してくれるjQueryプラグイン「Scrolline.js」
Scrolline.jsは、ページ全体のどこまでスクロールしているかを、視覚的にわかるように表示してくれるjQueryプラグインです。 動きについては、デモページをご参照ください。ページの上部に、緑色のバーでスクロール量…
スクリプトを読み込むだけでYouTubeなどの埋め込み動画をレスポンシブ対応してくれる「superembed.js」
superembed.jsは、読み込むだけでYouTubeやVimeoなどの埋め込み動画をレスポンシブ対応してくれるスクリプトです。特定のクラスでiframeを内包したり、jQueryをロードする必要がない、独立した軽量…