注目★★★★★Lobsters
タイポグラフィの原則を Web に。「The Proportional Web」CSS フレームワーク公開
30秒で把握
- 1Oskar Wickström が「The Proportional Web」CSS フレームワークを公開。タイポグラフィ古典の設計原則を Web 実装。
- 2Alegreya フォント + rem 単位 + justified テキスト + 段落インデント。印刷デザインの伝統を Web に移植。
- 3プロス重視ドキュメント向け。Pandoc 対応・MIT ライセンス・GitHub から入手可能。個人サイト・ブログに即採用できる。
要約
Oskar Wickström が、活字デザイン古典『The Elements of Typographic Style』に着想を得た CSS フレームワーク「The Proportional Web」を公開した。Alegreya フォント + 16px ルートフォントサイズに基づく rem 単位で、印刷デザインの伝統的な手法（justified テキスト、段落インデント、サイドノート、小ぶりな装飾）を Web で実装している。セマンティック HTML5 + 最小限の CSS で、プロス重視の Web ドキュメント（書籍・ブログ・マニュアル）向けに設計され、Pandoc や静的サイトジェネレータとの併用を想定している。前作「The Monospace Web」の後継として、MIT ライセンスで GitHub から取得・改変可能。
あなたへの影響
個人ブログやドキュメンテーションサイトの構築時に、すぐに採用できるベースレイアウトとなる。
推奨：Pandoc や Jekyll との連携例も含まれているため、マークダウンベースの執筆フローに導入しやすい。