蒼乃建設

模写コーディング

カテゴリー

模写コーディング

担当

コーディング

スキル

HTML、CSS

概要

だんさんが作成された、架空の建設会社サイトを模写コーディングしました。

シンプルなのでコーディングのトレーニングとしては最適なものだと思います。

デモサイトは https://danblog.tokyo/ にてご確認ください。

【特徴】

  • レスポンシブにてブレークポイントは1か所、各デバイスに対応してます。
  • デザインカンプはfigmaにて、だんさんのウェブサイトからfigファイルをダウンロードさせていただきました。

ポイント

フッター上のメニューナビは大きく、人によると違和感を感じるかもしれませんが、個人的には目にもつきやすく、このサイトの余白を大きく使っている感じに非常に合っていると思います。

画像で見る(スライドショー)

パソコンVer.

スマートフォンVer.(500px)