Open Design sample 05

見た目だけで終わらせず、公開確認まで通す。

生成されたHTMLを静的ページとして扱い、リンク、コピー、レスポンシブ、公開URLまで確認するサンプルです。制作の出口を曖昧にしません。

リンク検証Pages公開最終確認

handoff.sample.html practical / checked / ready

完成したデモを5ページに分け、トップから辿れるリンクを作り、Cloudflare Pagesで公開する。 Generate

Launch Handoff

公開前ハンドオフ

このサンプルで見ること

Input: 完成したデモを5ページに分け、トップから辿れるリンクを作り、Cloudflare Pagesで公開する。
Design Focus: 生成されたHTMLを静的ページとして扱い、リンク、コピー、レスポンシブ、公開URLまで確認するサンプルです。制作の出口を曖昧にしません。
Handoff: Static routes, linked index, deploy verification

ページごとのURLを固定

トップ、前後、一覧へ戻る導線を作る

HTTP応答と本文の両方を見る