■PortFolio(WordPressオリジナルテーマ)

URL：https://main-portfolio.prog-run.com

使用技術一覧

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

制作過程

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