架空コーディングサービスサイト【XDデザインからのコーディング】

サイトURL：https://daikilog-p.com/portfolio/your-coding

ユーザ名 ：daiki_202110
パスワード：daiki_202110

◯はじめに

こちらのサイトは実際にプロのエンジニアの方に表示確認をお願いし、デザインが崩れていないかチェックしてもらっています。

◯使用ソフト

・Adobe XD
・Visual Studio Code
・FileZilla

◯特徴

・ヘッダー＆フッターナビゲーションを押下すると、該当の場所にスムーススクロールする
・制作実績では、5秒おきに自動でコンテンツがスライドする（swiper使用）
・フォームでは、全ての項目に入力・チェックをしないとエラー文が出現

◯意識した点

・CSS設計（FLOCSS）を用いてセマンティックを意識
・どの画面幅でも違和感のないデザインになるようにコーディング