Web Service

テキストのCSSを手軽に設定できる「CSS Type Set」

ちょっと確認したい時なんかによさそうですね。フォントやフォンサイズなどといったテキストに関するCSSを手軽に設定できる「CSS Type Set」を使ってみました。フォントカラー、太字、イタリック、左揃え、中央揃え、右揃えなどといったテキストに関するCSSを簡単に指定していくだけで、コードを取得できます。ということで以下使い方です。

[ads_center]

使い方

こんな感じで、まずは「Enter Text」のボックスに好きな文字を入力していきます。ちなみに設定を変更する度にここでプレビューも確認することができます。

Enter Text内に文字を入力

フォントもこんな感じでいくつか選ぶことができます。

フォントを選択

他にもletter-spacingやline-heightなんかも設定することができます。で、最後に「View CSS」でコードを取得でます。便利ですね。

コードを取得

ということで、テキストのCSSを手軽に設定できて、プレビューもすぐに反映されるのでテキストをスタイリングする時に活用していきたいですね。

以下からご利用できます。

リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」前のページ

Photoshopで空を簡単に青く晴れた感じにするやり方次のページ

関連記事

  1. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  2. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  3. Web Service

    iPhoneの人気のカメラアプリ「プロカメラ」がすごくよかったのでその基本的な使い方

    iPhoneアプリで人気の高いカメラアプリ「プロカメラ」を使ってみまし…

  4. Screenqueri.es

    Web Service

    ブラウザ上でレスポンシブWebデザインを確認することができるツール「Screenqueri.es」

    ブラウザ上でレスポンシブWebデザインを確認することができる便利なツー…

  5. Pocketのショートカットキー

    Web Service

    Pocket(Macアプリ・Webブラウザ)で便利なショートカットキー

    あとで読むサービスでお馴染みのPockeで日頃からよく使う便利なショー…

  6. CSS3 Box Shadow Generator

コメント

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

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

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP