ただ表示すればよいではなく、文法とSEOを重視しメンテナンスしやすいマークアップを行います。

1. 基本方針
   • HTML5にて記述します。
   • 文書構造的に正しいマークアップを行ないます。
   • CSS3の新しい機能を積極的に取り入れます。
   • CSSハックを安易に使用しません。
   • ID・Class名の付け方は短く、日本人にわかりやすい単語を使用します。
   • コンテンツの増減で崩れない構造にします。
   • 印刷は環境に大きく左右されますので原則考慮しません。
   • ピクセルパーフェクト（デザインと完全一致する精密な再現）は、追加費用が発生します。
     ※対応には時間と手間がかかるため、通常のコーディングには含みません。
2. 制作環境・チェックブラウザ

   作業環境はWindowsです。通常のチェックは下記ブラウザにて行います。（すべて最新版）
   ・Windows: Edge, Firefox, Chrome
   ・Mac: Safari, Firefox, Chrome
   

   • コーディングにはお客さまの作業環境により Dreamweaver、Visual Studio Codeを使い分けています。
   • Ratina（高解像度）ディスプレイへの対応はオプションです。
   • エミュレータ（PC上の仮想表示）を使用します。
   • IE対応は別途費用発生が発生します。
     ※ブラウザと互換性がなく、独自の挙動をする場合があるためIE向けに専用のコードを書く必要があり、開発コストが増加します。
3. レスポンシブ対応
   • 基本的には、モバイルファースト設計方法でCSSを記述します。
   • デザイニングインブラウザの手法をとり入れることもあります。
   • 基本BootstrapなどのCSSフレームワークは使いません。※ご希望があれば対応可能です。
   • ブレイクポイントは基本２箇所（640px以下／960px以下）とします。
4. ピクセルパーフェクト対応について
   • デザインカンプを基準に忠実な再現を目指します。フォントサイズ・余白・色・配置など、可能な限りデザイン通りに実装します。
   • ただし、レスポンシブ対応やブラウザ差異、技術的制約により、カンプと完全に一致しない場合があります。その場合は、見栄えやユーザー体験を優先し、柔軟に調整します。
   • ピクセル単位での完全一致を希望される場合は作業量が増え、追加費用が発生します。必要に応じて追加費用をお見積もりの上、対応可否を判断させていただきます。
5. 更新性・保守性の重視

   Webサイトは「作って終わり」ではなく、その後に必ず更新が発生します。
   更新性を考えず、ただデザインを再現しただけの冗長なコードや、その場しのぎの記述をすると、後の保守や改修で作業者の負担が増します。

   また、!importantを多用したスタイルはメンテナンス性を著しく損なうため、極力使用を避け、自分以外の人でもスムーズに運用できるよう配慮しています。