[CSS]見出し、本文、リストなど、文字周りをrem指定で簡単に設計できる便利なオンラインツール

Webデザインで使用する見出し、小見出し、本文、リストなどフォントの基本サイズ、行間、それぞれのマージンなど、文字周りのデザインを実際のブラウザで確認しながら設計できる便利なオンラインツールを紹介します。 ルート要素を最初に定義して、それを元に見出しや本文を設計するので、rem指定も可能。また、SCSSもサポートされているのも便利ですね。 Gridlover Gridloverは完全無料で、登録などの面倒なことも一切不要です。 下記ページの「Try Gridlover」をクリックすると、ツールを利用できます。

[coliss]

フォントのサイズ、行間など、文字周りのデザインを実際のブラウザで確認しながら設計できるオンラインツール

[suquiya0]

そろそろremでいろいろ指定することになるのかなあ。

[kathew]

使うかはわからないけど備忘。実際の表示はどのフォントが表示されるかによって高さも変わるし、ウェブサイトに組み込んでみないと雰囲気に合致するかはわからないので