■コーポレートサイト(TopとNewsのみ)

URL：https://portfolio2.prog-run.com

◎ベーシック認証

• ユーザー名：run
• パスワード：run

使用技術一覧

• HTML
• CSS(Sass)
• JavaScript(jQuery)
• Gulp(開発環境)
• BEM設計(命名規則)
• ピクセルパーフェクト
• SPファースト
• レスポンシブ対応

制作過程

デザインツール「Adobe XD」からのピクセルコーディングを行いました。Gulp開発環境を使い、画像の圧縮・Sassのコンパイル・CSSやJavaScriptなどのミニファイを自動化しました。また制作会社でチームで制作することを想定し、BEM設計という命名規則に従って「予測しやすい」「再利用しやすい」「保守しやすい」「拡張しやすい」コーディングを行いました。Chrome、FireFox、Safari、Microsoft Edgeでのブラウザチェックチェック済みです。