「Webデザインの相棒」シリーズでは、Web制作に役立つツール・サイト・実装Tipsをまとめています。
制作効率を上げたい方や、ちょっとしたアイデアが欲しいときの参考にどうぞ。
Webサイトをデザインする際にサイト内で使用する各テキスト要素（見出し、本文、注釈など）をそれぞれ何px（rem）にするか、どれくらいのジャンプ率にするかを設計するかと思います。その検証に役立つジャンプ率ジェネレーターというツールをPULCOSTUDIOで作成しました。
左パネルに各設定項目、真ん中パネルが文字サイズプレビュー画面、一番右にCSSの出力画面が表示されます。
css画面はデモサイト画面に切り替え可能。実際のフォントサイズ反映時のイメージがつかめます。