サイトについて
コーディングに特化することでスピード感のある開発を可能にした架空のフリーランスのサイトです。
制作について
デザインカンプからのコーディングでしたので忠実に再現することを意識してコーディングいたしました。
JavaScriptを使いアコーディオンを実装し、ライブラリを利用して要素をスクロールにあわせてふわっと出現するように演出しています。
制作実績の部分はカードタイプにしてが5秒おきにスライドするようになっており、スマホでは指でスワイプして動かせるようになっております。
担当範囲
- HTML/CSSコーディング
- JavaScript/jQuery
このサイトはポートフォリオとしての架空サイトの為、ベーシック認証(ID、パスワード)をかけています。
ID:user
PASS:pass1234
※検索結果に配慮してnoindexをかけています。
ID:user
PASS:pass1234
※検索結果に配慮してnoindexをかけています。
![](https://next-gear.jp/wp/wp-content/uploads/2022/05/Simple-Macbook-Pro-15-1-1024x683.png)
![](https://next-gear.jp/wp/wp-content/uploads/2022/05/Simple-Macbook-Pro-15-2-1024x683.png)
![](https://next-gear.jp/wp/wp-content/uploads/2022/05/Simple-Macbook-Pro-15-3-1024x683.png)
![](https://next-gear.jp/wp/wp-content/uploads/2022/05/エアコーディング_sp-1024x615.jpg)