前の記事 ≪:画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe...
次の記事 ≫:グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「C...

指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」

2011年03月24日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
FontSize | jQuery Plugins

指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」
特定のエレメントをクリックした際に、指定した要素のフォントサイズをUPさせることが可能。最大や最小のサイズも指定出来ます。
使い方は簡単で、必要なライブラリを読み込んだら次のように呼び出すだけです。

$(element).fontSizer({
    action: "up",
    elements: "#content",
    max: 36
});


デモページはこちら



コンテンツをどんどん大きくしていった例。maxを指定しておくと一定以上からサイズは大きくならなくなります。



エレメントを絞ることで、サイト全体のレイアウトが崩れることもありません。
ちょっとしたユーザビリティの向上に知っておいてもよさそうなプラグインですね。

関連エントリ
関連の記事検索:jQuery, プラグイン, フォント, Web制作, JavaScript, plugin
スポンサード リンク

By.KJ : 2011年03月24日 10:05 livedoor Readerで購読 Twitterに投稿

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