【架空のハンドメイドアクセサリーサイト】

制作サイト
サイトURL
https://dailytrial-sobolon.siroto-portfolio.com

コーディング / XD / HTML / CSS / jQuery

制作期間:1週間

オンラインスクールデイトラの課題で制作した架空のコーポレートサイトです。XDのデザインカンプを元に、HTML CSSコーディングを行いました。
実在する店舗の為、BASIC認証、noindexの記載をしています。コンタクトのフォーム機能はGoogleフォームに埋め込み、カスタマイズをしています。

実装機能のご紹介

  • 要素をふわっと表示

    jQueryプラグイン「wow」で実装しています。

  • スムーススクロール

    JavaScriptで実装しています。

  • バリデーションチェック

    CONTACTフォームの必須項目を全て入力しないと送信ボタンが押せない仕様となっています。

その他のサイト

その他サイト画像

架空の工務店サイト

参加しているコミュニティETELLIA ONLINEの課題で制作した架空の工務店サイトです。 カルーセルスライダーやハンバーガーメニュー、カテゴリの並び替え等をjQuery、JavaScriptで実装...

その他サイト画像

架空のデンタルクリニックサイト

参加しているコミュニティETELLIA ONLINEの課題で制作した架空のエステサロンサイトです。 アニメーションなど、動的な視覚情報(あしらいの回転やスクロールダウン)がコンテンツに大きく影響しないよう...
その他サイト画像

架空のエステサロンサイト

オンラインスクールデイトラの課題で制作した架空のコーポレートサイトです。 スライダーはjQueryを使用し、自動再生ループするスライダーを...

その他サイト画像

架空のコーポレートサイト

オンラインスクールデイトラの課題で制作したコーポレートアクセサリーのサイトです。 スライダーはjQueryを使用し、自動再生ループするスライダーを実装しました。アコーディオンメニュー、ページ上部へ戻る矢印はCSSにて実装しました。ページ上部への矢印はTOPから...