*jQuery

JQueryのよく使うメソッドとイベントの一覧(メモ用)

2015.5.10 jQuery

  ■css <style>.clickTest{  background:#ccfdbd;  padding:20px;  margin:0 0 5px;}.font-border{  border:solid 5px #000000;}</style> ■script <script src="http://code.jquery.com/jquery-1....


スタイルシートの詳細度

2015.5.9 jQuery

b{color:pink;} #docchi{color:red;} .docchi{color:blue;} </style> <b id="docchi" class="docchi"> 赤色か青色かピンクか </b> さて、青色だと思うひとがいるでしょうが、正解は赤色です。 これが詳細度(優先順位)です。クラスよりもID...


セレクタの種類

2015.5.9 jQuery

IDセレクタ|#idValue タイプセレクタ|element クラスセレクタ|.className 子孫セレクタ|ancestor descendant 全称セレクタ|* 子供セレクタ|parent > child 隣接兄弟セレクタ|prev + next 複数セレクタ|selector , selector 否定セレクタ|:not(sekector) 属性セレクタ|[name...


レスポンシブWEBデザイン。スマホの時だけ画像へのリンクON!にするjquery

2015.1.13 jQuery WEBデザイン

最近はレスポンシブデザインを主流に制作すること多いです。やっぱり1人でクリエイターとして食べていくにはメンテナンスを軽量化することも重要なので。。。 そんでレスポンシブデザインの場合の弱点!画像も縮小されてしまう場合がある。切り替える事ができますが面倒です。画像を2枚用意しないといけないし修正するにも倍以上の時間がかかってしまう。 そんでjavascriptで切り替えることができるのでそれを利用し...


スライダーにオススメなのはbxSlider

2014.10.7 jQuery

テンプレートにも「bxSlider」を使用しています。使いやすい、バリエーションが豊富。 http://bxslider.com/...


githubでみつけたMITライセンスの素敵なjQuery menu

2014.7.8 github jQuery

1.スマートフォンのアイコンのように表示 DEMO画面 ↓ 2.ごく一般的な左側から表示されるメニュー DEMO ↓3.サブメニューが切り替わる DEMO ↓ 4.jQuery-menu-aim DEMO   ...