Web制作ツール

Web制作に!! フォント設定をプレビューしながらCSSコード作成が出来るWebサービス 『Type Nugget』

Webのテキストをプレビューしながら

設定、CSSでダウンロードできるWebサービス

昨日に紹介した配色をプレビューしながら

と同じような感じでテキストも簡単に

プレビューしながらCSSを作成できます

typenugget1

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

typenugget2

上記リンク先のページ上部のTryitで作成出来ます

左側が英文ですがプレビューで見る事が出来ます

フォントサイズからWeight、LineHeightなど

数値だけでは分かりづらい設定項目も

プレビューしながら設定できるので、

日本語にした時でも調整できるかと思います

設定項目は非常に多いです

typenugget3

設定出来たら「GENERATE CODE」を

クリックします

typenugget4

ユーザ登録が必要との事ですが

ここのリンクをクリックすると登録無しで

ダウンロードする事が出来ます

日本語のプレビューがあれば良かったのですが

それでもフォント設定を直感的に設定できる

便利なWebサービスです

関連記事

  1. Web制作ツール

    指定サイトをモバイルで見たコストを教えてくれるWebサービス 『What Does My Site …

    指定したURLを解析してモバイルネットワークでのコストを教えて…

  2. Web制作ツール

    様々な画像をCSSで再現、表示できるWebサービス 『Img to CSS』

    画像をWeb上でCSSとして表示、再現できるWebサービス画像…

  3. Web制作ツール

    CSSでオシャレなボタンが作成できる!! たった4kbのCSSが便利 『bttn.css』

    4kbというCSSでオシャレなボタンをWeb上に作成できるWe…

  4. Web制作ツール

    好みの場所から測定が可能なWebサイトのスピードテスト 『Worldwide Website Spe…

    自分の指定した場所からWebサイトの表示スピード測定が可能なWebサー…

  5. Web制作ツール

    面倒な登録無しでブログ記事を書く事が出来るネットサービス Instant Blogging

    アクセスして直ぐにブログの記事を書く事が出来るネットサービス面…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP