有限会社宇野澤鉄工様
サイトリニューアル
ご依頼内容
デザインを一新し、レスポンシブ対応したサイトをご希望でした。また、採用情報ページが新設されました。
担当スコープ
HTMLSassJavaScript
アプローチ
今回は静的部分のコーディングを担当しました。
Adobe XDで制作されたパソコン用デザイン（横幅1440px）をいただき、タブレットとスマートフォン用デザインについてはコーディングの過程でアレンジしています。
昨年から読み進めていた「CSS設計完全ガイド 詳細解説＋実践的モジュール集」（半田 惇志 著）を参考に、PRECSS記法にトライしました。
class名には役割に応じた接頭辞を持たせ、構造と装飾を切り分けた設計にすることで、後々のメンテナンスやページ追加が容易で寿命の長いサイトになるよう心掛けました。
【制作期間】
2週間
