Webデザインの図解リファレンス

制作区分

自主制作・実用

サービス分類

Webサイト制作

公開状態

公開済み

Webデザインの定石を13分野58テーマに分け、1ページ1図で引ける実務リファレンス。Python製の自作生成器で静的HTMLに組み立てている。

読み物ではなく引くための資料として設計した、Webデザインの実務リファレンス。テーマページ58本に自作のSVG図版を1点ずつ付け、逆引き180件・用語433語・混同されやすい語の組1,293組を同じ索引から引けるようにした。原稿はMarkdown、公開物は素のHTMLとSVGとCSSで、生成器はPythonで自作している（外部ライブラリ不使用）。この原稿の書き方に合わせて定義リストや「誤りと直し」の2段などの意味づけまで起こし、検索索引・OGP・JSON-LD・sitemap・404を同時に出す。各ページの更新日はgitの履歴から取る。版面はスイス・タイポグラフィを土台に、ナビ・本文・ページ内目次の3列。明暗は端末設定に追従し、SVG図版にもprefers-color-schemeを内蔵しているため図と地がずれない。本文の中にコントラスト計測・文字の階段・余白の刻みの3つの道具を埋め、公開前チェックリストは端末に記録が残る。JavaScriptが無くても全ページ読める。