マークアップのコツ

階層化を意識

すべての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