リンク
- 上記リンクはURLにBASIC認証を含めていますので、そのまま移動できます。
iPhone等でパスワードを要求された場合は以下を入力して下さい。 - BASIC認証
-
- USER
- demo
- PASS
- demo
制作情報
作業範囲
- コーディング / WordPress化
時期
- 23年09月
日数
- 3日
使用技術
- HTML / SCSS / JavaScript(VanillaJS) / PHP(WordPress)
概要
-
XDのデザインカンプからコーディングを行いました。
実務を想定し、管理書の作成・工程表の作成・作業前チェック・確認事項の共有表の作成、
・高速化・作業後のチェック、などの事務作業に力を入れました。■演出
・ローディング演出処理
・MVのブラー演出、フォントの多重シャドウ■処理
・演出をクラスで指定せずにdata指定
・高速化の一環でwebpの指定と、jsにてwebp対応判別をしbackground-imageでも分岐できるよう設定■アクセシビリティ
・Tabキーで全てのボタンとリンクにフォーカス可能にしました。
・最初と最後のフォーカスでのループ。
・TOPページ、SPメニューとTABループのグループ分け。
・SPメニューを開いた際
・背景の固定
・カーソルキーによるページスライドの抑制
・ハンバーガー自体のTABグループの切り替え
・ESCでメニューを閉じます。
・背面の要素にフォーカスが行っても検知し、SPメニューに戻します。