CSS

CSSを書く上で、以下に無駄を省けるか、っていうのはとても大事だと思う。

やっぱりデザインと言っても、できるだけシンプルに「ルール決め」をした方が管理はしやすいし、そういうCSSコーディングを意識して行うことで自分のアビリティは伸びると思う。

例①

* {
margin:0;
padding:0;
border:0;
}

と一度初期化しているにもかかわらず、ついつい

table {
width:450px; 
margin:25px auto 0 auto;
border:0;

なんて書いてしまったりする。特にテーブルなんかだと。
これって1行無駄にしているし、その分ソースが長くなってみづらくもなったりする。

.hoge {
margin:0 auto 0 auto;
}

.hoge {
margin:0 auto;
}

たまに前者みたいにやってしまったりする。
まじ無駄。
こういうのも後者のようにしないとね～。