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

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

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

これはありそうでなかった気がします。
全体に適用するとデザインが崩れてしまって嫌だ、という方も、記事部分だけならデザインは崩れない&可読性を上げることができるので便利ですね。
関連エントリ
特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」。
次のように、特定のブロックを $(element).fontScaler() のように初期化するとボタンがあらわれ、拡大縮小が簡単になるプラグインがあるようです。

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

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

これはありそうでなかった気がします。
全体に適用するとデザインが崩れてしまって嫌だ、という方も、記事部分だけならデザインは崩れない&可読性を上げることができるので便利ですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ