PORT
FOLIOSatomi tanikaze_

expand_more

-Works

WDC

セミナー特設サイトです。

お問い合わせフォームの実装 / ページ内スクロール / ページトップへ戻るボタンの実装

デザインカンプ:XD HTML / CSS / jQuery
ENG BODY

ジムサイトです。

モバイルファースト / CSSアニメーション / スクロールエフェクトの実装 / タブの実装 / スライダー(Swiper)の実装 / アコーディオンの実装 / ページ内横スクロール

デザインカンプ:XD HTML / CSS / jQuery
Planet Hunters

ゲームサイトです。

パララックスの実装 / ローディングの実装 / 背景動画 / 音声再生/ スクロールダウン表示の実装 / YouTube動画の埋め込み / vhとJSによる高さ100%の実装

デザインカンプ:Figma HTML / CSS / jQuery
PON DESIGN

8ページの企業サイトです。

Sass(Dart Sass) / FLOCSS / Autoprefixerの使用 / GitHubにPushし、自動でNetlifyへデプロイ

デザインカンプ:XD HTML / Sass / jQuery
Engress

4ページの企業サイトです。

WordPress / カスタムフィールド / カスタム投稿タイプ

デザインカンプ:XD HTML / CSS / JavaScript

※デザインカンプは、無料コーディング練習所様よりお借りしました。
感謝申し上げます。

expand_less