架空のWEB制作サービスのLP

OVERVIEW

Adobe XDデザインカンプを元にコーディングしました。(制作時間:55時間)

YEAR 2021


サンプルページはこちらです

ベーシック認証をかけています。

  • ユーザー名:1230
  • パスワード:1230



使用した技術やツール


HTML5

  • セマンティックなコーディングを心がけました。(適切なセクショニングコンテンツを使う、など)


CSS3  (SCSS)

  • レスポンシブデザインに対応し、どの端末でも崩れず、見やすくなるようにしました。
  • CSS設計に基づいたコーディングを心がけました。(BEMなど)
  • Dart Sassを使用した、SCSSファイルのバンドルを行いました。


JavaScript

  • ハンバーガーメニュー
  • アコーディオンメニュー
  • メニューをクリックすると、スムーススクロール
  • スライドショー機能 (swiper.jsを使用)
  • スクロールに合わせて、要素をふわっと表示 (AOS.jsを使用)


FTPソフト (Filezilla)

  • Filezillaを使用し、レンタルサーバーにアップロードしました。


その他

  • 画像を圧縮し、軽量化しました。
  • エディタは、Visual Studio Codeを使用しました。


WEBSITE