Web制作時、文字サイズや幅など画面構成を見ながらCSS作成できるWebサービス 『Type Anything』

Web制作時に文字のサイズや幅、

マージンなど文章部分のCSSを

画面プレビューしながら設定できるWebサービス。

CSSが出力可能でWeb制作が捗ります。

Type Anything リンク先はこちらから

画面左側が設定項目、右側がプレビューとなり

左側を変更することでプレビューが即時に更新されます。

まずはElementTypeで設定したい部分を選択します。

H1、H2、H3、Paragraphとなっています。

プレビューにも段落が3つあり、H1段落、H2段落、H3段落とあり

Paragraphは見出し項目の下の文章部分となります。

文章のフォントサイズやフォントウェイト、

文章の高さなど細かく設定が可能で、

Webサイトのテーマ、対象によって読みやすくしたりと

UIにこだわる事ができます。

右上のGet the CodeよりCSSでの

出力が可能です。

文章部分のスタイルって気にしない時が多いですが、

こうやって触ってみると随分と印象が変わります。

ぜひ利用してみては如何でしょうか。