ベストプラクティスの例を使用して簡単なHTML/CSSを作成する

Question

整備可能なHTML/CSSコードを作成するのは苦労しています。ベストプラクティスの使用に役立つエディタ、ブック、またはWebページがありますか？

これは、いくつかの例です：div要素とクラスの

1. がネーミング：あなたはユーザープロファイルを持つエリアを持っているかもしれません。どのようにIDとクラスに名前を付けますか？ （#author_profile、.username、.userBirthdayなど）

2. タグまたはdiv：自分のdivを作成するか、id/classのタグを使用するのが混乱しています。いい例がありますか？

3. 時間の99％私は要素に一定の幅を設定し、浮動小数点：左右を使用します。 CSSの配置をより使いやすくするためのヒント。私はCSSフレームワークをたくさん試しましたが、これは私のために働いていません。常に深くネストされたdivと多くのクラスで終わります。私は（ほとんど）知っているすべてのことを学んだNettutsで

Answer 1

http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

スタート...

Answer 2

ここでは、Web Page Development: Best Practicesを行きます。

Answer 3

このクロムプラグインをCSS Brushという名前で使用して、ウェブページ上に表示することもできます。状況依存メニューは、特定のスタイルに対してすべてのプロパティが存在するかどうかを確認し、要素ライブに適用するのに役立ちます。すべてのCSSを終えたら、すべてコピーしてCSSファイルに貼り付けることができます。