BEHIND THE SITE
このサイトの制作・検証
読みやすく、操作しやすく。このサイトの設計と検証について。
01 / LOADING
読むページは軽く。必要な機能だけを。
紹介ページはAstroで静的に生成。操作する部分にJavaScriptを使い、Three.jsの立体表示はデモページで必要になったときに読み込みます。
技術デモを見る02 / INTERACTION
03 / DATA
04 / VERIFICATION
見た目と、操作の両方を確かめる。
画面幅を変えた表示、文字の拡大、キーボード操作を確認。動きを抑える設定にも対応し、紹介ページはJavaScriptを無効にしても読める構成です。
確認した環境と範囲
Chromiumで320〜1536pxの画面幅、200%の文字サイズ拡大を模した表示、入力・取消・保存・読み込みを確認しています。Safari・Firefox・実機での確認は公開前の確認項目です。