「jQuery」 一覧

サイトで画像をアップロードすると、通常だとファイル名だけがサイトに表示されますけどプレビュー表示させたい時はありませんか。 ということで早速プレビュー表示の方法をお伝えしますね。 DEMOはこちら 送 ...

PCとスマホで画像を切り替えたい時、メディアクエリを使用して切り替えるのが簡単だし一般的ですが、少しでもサイトを軽くしたいならjQueryに頼るのもありです。 ということで今回は、jQueryを利用し ...

せっかくサイトに訪問してくれた人が、フォーム入力の際にページ離脱してしまうと、サイト運営側としては困りますよね。 そこで今回は、アラートを使ってページ離脱を防ぐ方法をお伝えします（PCでこの記事を読ん ...

100vhを使ってファーストビューを全画面表示にしようとしたのにスマホで確認した時、アドレスバーのせいで思った様な表示になっていなかったことはありませんか？なぜならスマホだと100vhをアドレスバーも ...

キャンセルボタンを押すまで表示されるモーダルウィンドウは、サイト作りに必須というほどでもないですけど、よく使われますよね。 今回は複数設置に対応したモーダルウィンドウをjQueryを使って実装する方法 ...

サイトにタブメニューを表示する機会があると思いますが、場合によってはページ内で複数箇所に設置したい時もあるのではないでしょうか。 今回は複数設置に対応したタブの切り替えをjQueryを使って実装する方 ...

ギャラリーページなどで、カテゴリごとに絞り込みをしたいという場合があると思いますが、今回はjQueryで簡単に絞り込み機能を作ってみます。 ユーザービリティが確実に向上しますので、是非覚えておいてくだ ...

Topに戻るボタンをクリックしたり、目次をクリックした時にページ内の目的の場所までスクロールさせたい時は多々ありますね。そんな時、パッと瞬間移動するのではなく、スルスルっと気持ちよく移動させた方がより ...

アイコンをクリックすると、パスワードの表示と非表示を切り替える表現が当たり前の様に使われていますが、今回はそれを簡単にjQueryで実装する方法をお伝えしたいと思います。 DEMOはこちら ※数字を入 ...

アコーディオンメニューって聞いたことがありますか？使いやすさをデザインする「UIデザイン」における表現方法のひとつで、コンテンツを開いたり閉じたりするのを、クリックで切り替えることで、ユーザーが欲しい ...