jQuery
jQueryで作れるアニメーションについて調べている時、面白いものを見つけました! それがRipplesというjQueryです!これは『水面に波紋が広がるような表現』を可能にしてくれるjQueryです! 設定している範囲内でクリックをすると水に指をつけた時のような波…
ヘッダーを上部に固定させるCSSは簡単でよくするのですが、 時々見る『スクロールしたら高さの幅が自動的に狭くなる固定ヘッダー』を作りたくて、 実際にしてみました。思っているよりも簡単にできました^^ 手順を説明していきます。 HTML <header id="top-header"> </header> jQuery $(fun…
知り合いから 『自分で作ったリファラページに貼っているリンク先を、ユーザーのデバイスがPCだったらPC用ページに。モバイル・タブレットだったらモバイル用ページのリンク先に飛ぶようにして欲しい』 という依頼を受けたので、やってみました。が、何しろ…
モーダルウィンドウを簡単に作りたいと思ったので、めちゃ簡単におしゃれなモーダルウィンドウが作れる『Modaal』を使用してみました。 手順は以下です^^ 必要なファイルをダウンロードする 以下のリンクからファイルをダウンロードします。以下のページの…
よくformとかで、submitボタンの上に 『上記の規約に同意する』チェックボックスがあって、 それにチェックを入れないと submitボタンを押すことができないみたいなの目にしますよね。 あれがしたかったので、jQueryで実装してみました。 サンプルコード HTM…
チェックボックスで複数選択できてしまっているものを 一つしか選択できないようにするコードが書きたかったので書いてみました^^ サンプルコード HTML <input class="a" type="checkbox" />赤<input class="a" type="checkbox" />白<input class="a" type="checkbox" />黄 jQuery $(function( ){ $('.a').on('click', function( ){ if($(this).prop('checked')){ $('.…