« マウスを合わせると様々なエフェクトをかけてくれるプラグイン | トップページ | ブログ移転のお知らせ »

2011年12月29日 (木)

フォントのサイズをフレキシブルに調整してくれるプラグイン

フレキシブルでモバイル対応向けのレイアウトを実現してくれるフレームワークにはSkeletonなどがあります。
Skeletonのテキスト版となる、サイズに合わせてフレキシブルなテキストを表示をしてくれるFitTextを紹介いたします。

サンプルが含まれたファイルをダウンロードをしてサンプルを見てみます。

ダウンロードしたフォルダに含まれているexample.htmlを開いて画面をリサイズしてみます。

ブラウザで開いてみました。幅は約500px程度です。
Fittext_001

ブラウザをリサイズして100px狭めて約400pxにしてみました。
Fittext_002

さらに100px幅を狭めてみました。
Fittext_003

文字をそのままの大きさでボックスを調節するモードと文字のサイズを調節してボックス内に納める2つのモードがあります。

Skeletonを使っているとタイトル文字のサイズで悩む事があったのですが、FitTextで調節してみるのも1つの手ですね。

|

« マウスを合わせると様々なエフェクトをかけてくれるプラグイン | トップページ | ブログ移転のお知らせ »

jQuery」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/43549896

この記事へのトラックバック一覧です: フォントのサイズをフレキシブルに調整してくれるプラグイン:

« マウスを合わせると様々なエフェクトをかけてくれるプラグイン | トップページ | ブログ移転のお知らせ »