家具・家電販売風LP

リンク

上記リンクはURLにBASIC認証を含めていますので、そのまま移動できます。
iPhone等でパスワードを要求された場合は以下を入力して下さい。

BASIC認証

figmaのデザインカンプからコーディングを行いました。

■PC/SPで構成の違うデザインに対応
幅100～1920まで破綻する事なく伸縮します。

・jsにてresizeイベントを監視。
375px以下など特定区間の場合、viewportを一定サイズに固定。
それにより画面が小さすぎてもデザイン全体を縮小する事で破綻を防ぎます。

■FAQの作成
・で記述。
TABフォーカスなどのアクセシビリティに対応しています。

・jsで特定のdata属性を全て取得、
隠れている返答部分を表示する処理を行っています。

・Microdata形式で構造化データの記述。

■メインビジュアル
読み込み時にぼかし演出