差分表示

  • 最後の更新で追加された行はこのように表示します。
  • 最後の更新で削除された行はこのように表示します。
*マークアップのコツ
**直接の子供、親を要求する記述をしない
-cssセレクタの .hoge > .foo は .hoge .foo とする
-jqueryのchildren()はfind('.foo')とする
-jqueryのparent()はclosest('.hoge')とする
-間にdivを入れたりすることはよくあるので、構造変更に強くなる

**inputのwidth, heightを指定するとき
下記を指定しないと、ブラウザによってサイズがずれる
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;

http://stackoverflow.com/questions/1450587/inconsistent-box-model-between-input-type-submit-and-input-type-text
*マークアップのコツ

**階層化を意識

すべてのclassをユニークな名前にしようとすると、どんどん長くなる

.task .name のようなセレクタを活用して、名前空間を切っていくといい



**直接の子供、親を要求する記述をしない

-cssセレクタの .hoge > .foo は .hoge .foo とする

-jqueryのchildren()はfind('.foo')とする

-jqueryのparent()はclosest('.hoge')とする

-間にdivを入れたりすることはよくあるので、構造変更に強くなる



**inputのwidth, heightを指定するとき

下記を指定しないと、ブラウザによってサイズがずれる

 box-sizing: border-box;

 -moz-box-sizing: border-box;

 -webkit-box-sizing: border-box;



http://stackoverflow.com/questions/1450587/inconsistent-box-model-between-input-type-submit-and-input-type-text