テキスト周りのスタイルを作成できるサイト「Type Nugget」!

2016/07/22

こんにちは。
今回はテキスト周りのスタイルを作成できるサイト「Type Nugget」!です。

見出しや段落、リンクやリストなどのスタイルを作成できるジェネレーターを紹介します。

テキスト周りのスタイルを作成できるサイト「Type Nugget」!

Type Nugget

type-nugget

http://www.typenugget.com/

 

「Type Nugget」の使い方

type-nugget2

まずは右上の「Try it Now!」のボタンをクリックします。
画面右側で、GLOBAL、HEADINGS、PARAGRAPH、LINKS、LISTSのそれぞれのスタイルを作る事ができますよ。
スタイルを変更するとリアルタイムで画面左に反映されます。
最後に右上の「GENERATE CODE!」のボタンをクリックするとCSSをダウンロードできますよ。

 

CSSシークレット ―47のテクニックでCSSを自在に操る
CSSシークレット ―47のテクニックでCSSを自在に操る

 

いかがでしたか。直感的なUIで分かりやすいですね。
以上でテキスト周りのスタイルを作成できるサイト「Type Nugget」!でした。

topへ戻る