Web Service

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

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

[ads_center]

使い方

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

Enter Text内に文字を入力

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

フォントを選択

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

コードを取得

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

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

関連記事

  1. HatebuReader

    Web Service

    はてブのタグを登録していつでも手軽にその最新記事をチェックできるiPhoneアプリ「HatebuRe…

    とても便利なiPhoneアプリがあったのでご紹介します。はてブで自分が…

  2. Spotifyでクロスフェードさせる設定方法

    Web Service

    Spotifyで曲と曲の境目をDJっぽくクロスフェードさせる設定方法

    最近よくSpotifyで音楽を聴いています。あまりにも便利なのでプレミ…

  3. EmChart

    Web Service

    CSSでフォントサイズをem指定する時に便利なEmChart

    レスポンシブWebデザインなどによりem指定をする機会が多くなってきて…

  4. ブラウザでストップウォッチ

    Web Service

    ブラウザで手軽にストップウォッチが利用できるサービス

    ブラウザでちょっと何かの時間を計りたい時に役立つストップウォッチのサー…

  5. Web Service

    数多くのUIエレメントを検索することができる「UICloud」

    たくさんのUIエレメントを検索することができる「UICloud」がとて…

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

    Web Service

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

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

コメント

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

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

最近の記事

  1. 梅の花
  2. 三菱ブレッドオーブン
  3. 浜離宮恩賜庭園

アーカイブ

PAGE TOP