私は上記の投稿のいくつかに同意し、開始時に遭遇する可能性のある「ピクセルプッシュ」の問題に共感します。
私は約5年間HTMLレイアウトを作成および再作成してきましたが、YUI、Googleブループリント、いくつかのcssリセットライブラリ、および自分の自作レイアウトを試した後、YUIのグリッド、フォント、およびリセットが最も柔軟で、使える。彼らのテンプレートは少しトリッキーですが、ほんの少しです。
これが非常によく似た質問に対する私の答えです(人々がクリックして答えを見たくない場合...これがスパムであるかルールに違反している場合は、私に知らせてください。答えを削除します):
「」
上記のすべてが優れています。Dreamweaver(imho)には、ページをデザインするための最も完全な機能セットがあります(Adobeは、機能セットを改善するために、しばらく前にTopStyleからテクノロジーの一部を実際にライセンス供与しました)。また、優れた検証機能が組み込まれています。
もう1つの無料ツール(Dreamweaverは、盗まない限り、少なくとも数百の費用がかかることを忘れないでください)はAptanaIDEです。Dreamweaverにあるほとんどのコード補完オプションと、同様の検証ツールがあります。
Firefox用のAptanaとFirebugプラグインは、かなり良い組み合わせになります。さらに、非常に便利なFirebug拡張機能やその他のFirefoxプラグインがあります。
- Pixel Perfect:半透明の背景画像を追加して、ページ上の要素を並べることができます(Firebugプラグイン内に追加のタブとして表示されます)。
- コードバーナー:Firebugにhtmlとcssの参照タブを追加します。
- ColorZilla(プレーンなFireFOX拡張機能):色を分析し、それらを管理するのに役立ちます。
- MeasureIt(プレーンなFireFOX拡張機能):Firebugが十分でない場合に、ページ上の要素間の距離を測定するのに役立ちます。
- WebDeveloperツールバー:あらゆる種類の気の利いた機能を実行しますが、ブラウザーのサイズを特定のウィンドウサイズ(800x600など)に変更するためにのみ使用します。
「」