基本的なHTML/CSSでマークアップ。
Javascriptでハンバーガーメニューの実装。
レスポンシブデザインへの対応。
動きがあるサイトになるように、swiperを使用してメインビジュアルをスライドショーで実装しました。

レストランサイト

Javascriptの理解度を深めるため、jQueryで運用しているwebサイトを1からバニラJS(素のJavaScript)でコードに変換しました。

jQuery ⇒ Javascript

バニラJS(素のJavaScript)でモーダルウインドウの実装を行いました。
主にJavascriptのクラスを使用し、モーダルウインドウを制御しました。
当ポートフォリオもモーダルウインドウを実装しています。

jQuery ⇒ Javascript

HTML/CSSでコーディングしたwebサイトをワードプレス化。
ワードプレス化で動的なwebサイトが制作できます。

美容室サイト

HTML/CSSでマークアップ、ナビメニューの固定。
ブログサイトのように2カラムサイトを作成をしました。
また、CSSで簡単なアニメーションも使用しています。
レスポンシブデザインへの対応。

2カラムサイト

CSSを使ったパララックス効果を使用しております。
視差効果を使ったwebサイト制作の作成も可能です
レスポンシブデザインへの対応。

パララックスサイト