![](https://ayukocafe.com/wp-content/uploads/2023/12/5300c5dccbb60aa615d1902ec111b392-1024x1024.png)
基本情報
制作日程・・・14日
スキル・・・HTML CSS Javascript JQuery FLOCSS Sass
Figmaでのデサインカンプからのコーディング
URL・・・https://ayumi-design72.com/cocomate/dist/index.html
https://ayumi-design72.com/cocomate/dist/question.html (よくある質問のページ)
ユーザー名 ayumi PASS cocomate
Gulp、FLOCSS、そしてSassを組み合わせてコーディングしました。
Gulpを使用することで、Sassのコンパイル、CSSの圧縮、ライブリロードなどのプロセスを自動化しました。
また、FLOCSSを導入することで、CSSの構造をより整理しモジュールごとに整理されたスタイリングを意識しました。
最後までピクセルパーフェクトにこだわり、仕上げました。
![](https://ayukocafe.com/wp-content/uploads/2023/12/screencapture-ayumi-design72-cocomate-dist-index-html-2023-12-05-12_18_42-224x1024.png)
![](https://ayukocafe.com/wp-content/uploads/2023/12/screencapture-ayumi-design72-cocomate-dist-index-html-2023-12-05-12_18_29-71x1024.png)
コメント