架空デザイン会社サイト②【XDデザインからのコーディング】

OVERVIEW

XDデザインカンプからコーディングしました。

YEAR 2021

サイトURL:https://daikilog-p.com/portfolio/digsmile/

ユーザ名 :daiki_cresta2
パスワード:daiki_cresta2


◯使用ソフト

・Adobe XD
・Visual Studio Code
・FileZilla


◯特徴 / 意識したこと

・ハンバーガーボタンはEnterキーでも操作できるようにbuttonタグで実装
(Chromeのみ)

・ハンバーガーボタンの変化は、[aria-expanded: true / false;]で操作

・googleマップを埋め込み済み(縦横の比率を保持しながら可変するように実装)

・320px〜2000pxでデザイン崩れがないかチェック済み

・グローバルメニュー出現時に、画面をスクロールできないように実装

WEBSITE