WWhoa Web Studio
AIコーディングワークスペース

読みやすいWebタイポグラフィ

長い見出しを異なる画面幅で読めるようにします。

● ● ●Whoa Web Studio●
ワークフロー · 読みやすいWebタイポグラフィ ×
h1, h2, .long-label {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.content { max-width: 70ch; }
✳長い見出しを異なる画面幅で読めるようにします。
✓ 変更内容適用前に確認 ↗
ワークスペースのイメージ
  1. 適用前に確認

    実際の動作を期待する結果と比較します。検証に失敗した場合は、次の変更を加える前に原因を調べてください。

  2. モデル

    OpenAI互換またはAnthropicのエンドポイントを、ベースURLと必要なAPIキーで設定し、接続をテストします。ローカルのモデルサーバーは起動が必要です。リモートツールは別途データを送信する場合があります。

  3. プロジェクト

    文字の拡大と複数言語を試し、枠に合わせて切るのではなく全文を保ちます。

ワークフロー

読みやすいWebタイポグラフィ

ワークフロー ↗
ワークフロー
h1, h2, .long-label {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.content { max-width: 70ch; }
AIコーディングワークスペース

次のアイデアはここから。

Windows版をダウンロード ↗