Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[HTML][CSS]実践的コーディングにおける注意点

全般

HTML
  • HTML内で、imgのwidth,heightは念のためつけておくこと。
  • サイズを指定する際は奇数にならないよう注意すること。
  • インデントのルールを統一すること。(タグで統一、半角スペ2つで統一など…)
  • 機種依存文字(半角かな、囲み数字、<>など)は数値文字参照すること。
  • marginの幅を改行で指定しない。(装飾指定はスタイルシートで行う原則)
CSS
  • コーディング規約がある場合は遵守すること。とくに隠し文字など。
  • CSSセレクタはむやみに細かく指定しない…可読性の低下、優先順位が無駄に高くなるためあとで不都合が生じやすいため
  • body #wrapper #nav ul li a → #nav li a のように、セレクタは右から読まれる性質を考慮し簡単に書く
  • div#nav li.item a → #nav .item a のようにタグの種類を判別する必要がないときは略する

リアルタイムコーディングのすすめ

  • chrome等を利用してリアルタイムプレビューしながらCSSをいじれる便利機能 ascii.jp