業務内容

HTML/CSSによる静的ページのコーディング1p。

■はじめに
コーディングの効率はWebデザインがどれだけキチンと制作されているかに大きく左右されます。コーディング知識のあるWebデザイナーに制作してもらったデザイン以外は、コーディング前にデザインデータの校正から入らないと逆に効率が悪い（※1）ので、デザインを別途ご用意される場合はまずご相談ください。

■ご条件
・レスポンシブ（PC/モバイル）
・Retinaディスプレイなどの@2xの画面解像度の対応
・対応ブラウザはChrome, Safari, Firefox, Edgeの最新版
・ナビメニューはPC/モバイルで1つずつ（横並びリスト/ハンバーガー等）
・画像の最適化（TinyPNGにより圧縮した効率的な画像フォーマット）

■別途費用
・PCとモバイルで表示コンテンツが異なる場合
・WordPress等のCMSへの組み込み
・ピクセルパーフェクト
・タブレットサイズのレスポンシブ対応
・リキッドレイアウト（font-sizeの%指定含む）
・JavaScript等によるアニメーション
・PHP等による動的なコンテンツ生成
・他ページに影響するような共通パーツの変更
・デザインデータの校正
・レスポンシブ画像の対応
・WebP等の次世代フォーマットでの画像表示（高速化）

※1. 画面サイズの考慮、素材の切り出しを考慮した制作、余白やボタンの法則性、使用フォントの統一、Chromeブラウザの最小表示フォントサイズ（10px）などが考慮されていないことが多いです。