KT studio
＜作成した目的＞
私のポートフォリオを見てもらいたいと思い作成した。
このポートフォリオの制作を通して、職業訓練学校で学んだHTML/CSS/JQueryを使いこなしたサイトを作れるようになりたいと感じていた。
ポートフォリオ制作を行った結果、基本的なHTML/CSS/JQueryのスキルが身について使いこなせるようになった。
＜サイト概要＞
●内容
コンセプト：シンプルで見やすい感じ。
サイトの目的：私自身を知ってもらいたい（プロフィール、スキル、制作物等）
●デバイス
レスポンシブ対応（breakpoint:480px）
＜制作概要＞
●制作期間
・立案：約5時間
・デザインカンプの作成：約5時間
・ロゴ等の制作：約5時間
・コーディング：約35時間
計：約3週間程度（約50時間）
●制作ツール
Photoshop/Illustrator/HTML/CSS（Sass）/JavaScript（JQuery）
＜こだわった点＞
●全体のコードを独学で学んだSassの記述で実装したこと。
■実装した理由
CSSについて勉強しているときに、CSSのメタ言語であるSassという書き方を知り、案件によってはSassで実装する機会もあるのではないか、実際に使えるようになっておいたほうがいいなと思い、今回挑戦した。まだ完全に理解できたわけではないが一通り記述できたので、これからもっと深く学び、しっかりと自分のものにできるようにしたい。
＜他の機能一覧＞
・navのAboutにはドロップダウンメニューの機能
・画面を下にスクロールすると右下に↑がひょっこり出てくる
・↑をホバーすると常に上下に動くanimation
・Topへのスムーススクロール
・Contact meのバリデーションチェック
・ライブラリ（particles.js）を使用した紙吹雪
・footerの「Thank you for coming!」は１文字ずつ表示される機能