特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」:phpspot開発日誌

前の記事 ≪：高度な画像編集が一瞬でできてしまうPhotoshopアクション集
次の記事 ≫：文字をもあもあ、っとアニメーションさせるjQueryプラグイン「moatext」

特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」

2010年02月25日-

スポンサードリンク

fontScaler marcup

特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」。
次のように、特定のブロックを $(element).fontScaler() のように初期化するとボタンがあらわれ、拡大縮小が簡単になるプラグインがあるようです。

文字の拡大・縮小 jQuery プラグイン fig.1

文字の拡大・縮小 jQuery プラグイン fig.1

フォントを大きくするボタンをおしたところ。結構大きくなって読みやすくなりました。

文字の拡大・縮小 jQuery プラグイン fig.2

文字の拡大・縮小 jQuery プラグイン fig.2

次のように、段階を追って拡大、縮小ができるようにする機能もあります。

文字の拡大・縮小 jQuery プラグイン fig.3

文字の拡大・縮小 jQuery プラグイン fig.3

これはありそうでなかった気がします。
全体に適用するとデザインが崩れてしまって嫌だ、という方も、記事部分だけならデザインは崩れない＆可読性を上げることができるので便利ですね。

関連エントリ

関連の記事検索：jQuery, JavaScript, 文字, Font, プラグイン, フォント

スポンサードリンク

By.KJ : 2010年02月25日 10:02

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)