テキスト

ここではテキスト関連のプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

色紙の角を折ったような背景を実装「jCorner」

色紙の角を折ったような背景を実装するプラグイン「jCorner」を紹介します。 jQueryプラグイン「jCorner」 このプラグインを使えば、色紙の角を折ったようなアクセントを DOM の背景にすることができます。 […]

 

英数字がパラパラめくれるボードを実装「Flight Board」

英数字がパラパラめくれるボードを実装するプラグイン「Flight Board」を紹介します。 jQueryプラグイン「Flight Board」 このプラグインを使えば、指定したアルファベットや数字の文字列へアニメ効果で […]

 

スポンサーリンク

アルファベットを大文字/小文字に変換「Case Change」

アルファベットを大文字/小文字に変換するプラグイン「Case Change」を紹介します。 jQueryプラグイン「Case Change」 このプラグインを使えば、アルファベットの大文字と小文字をクリックひとつで簡単に […]

 

テキストをランダムに入れ替え「scrambleText」

アルファベットをランダムに入れ替えるソートするプラグイン「scrambleText」を紹介します。 jQueryプラグイン「scrambleText」 このプラグインを使えば、その名の通り! テキストをごちゃ混ぜ(scr […]

 

改行をしないで英単語にハイフンを挿入(ハイフネーション)「Finnish Hyphenator」

改行をしないで単語にハイフンを挿入するプラグイン「Finnish Hyphenator」を紹介します。 jQueryプラグイン「Finnish Hyphenator」 2段カラムの英文雑誌や論文では行末に長い単語がきた場 […]

 

Web上に付箋紙のようなメッセージを表示「Growl」

Web上に付箋紙のようなメッセージを表示するプラグイン「Growl」を紹介します。 jQueryプラグイン「Growl」 このプラグインを使えば、ページロード時やクリックした際にふわっとメッセージを表示することができます […]

 

タイプライターのようにテキストを1文字ずつ表示「typist」

タイプライターのようにテキストを1文字ずつ表示するプラグイン「typist」を紹介します。 jQueryプラグイン「typist」 このプラグインを使えば、指定したテキストを1文字ずつ表示してくれます。 1文字ずつ表示す […]

 

テキストを円や円弧状に「CircleType」

テキストを円や円弧状にしてくれるプラグイン「CircleType」を紹介します。 jQueryプラグイン「CircleType」 このプラグインを使えば、指定した要素のテキストを円や円弧状にしてくれいます。 テキストがや […]

 

指定した文字数でテキストを省略・開閉 - 続きを読む「Collapser」

指定した文字数でテキストを省略・開閉する「続きを読む」を実装するプラグイン「Collapser」を紹介します。 jQueryプラグイン「funText」 このプラグインを使えば、指定した「文字数」「ワード数」「行数」でテ […]

 

テキストにカラフルな3Dの影を追加 「funText」

テキストにカラフルな3Dの影を追加するプラグイン「funText」を紹介します。 jQueryプラグイン「funText」 このプラグインを使えば、指定した要素のテキストに奥行きをもった3Dの影を追加することができます。 […]

 

単語をアルファベット順に並べる「Alphabetize」

単語をアルファベット順に並べるプラグイン「Alphabetize」を紹介します。 jQueryプラグイン「Alphabetize」 このプラグインを使えば、ランダムに並んだ単語(テキスト)をアルファベット順のリストに並べ […]

 

テキストの手動入力っぽいアニメーションを実装「TypeType」

テキストの手動入力っぽいアニメーションを実装するプラグイン「TypeType」を紹介します。 jQueryプラグイン「TypeType」 このプラグインを使えば、サイト上でキーボードから手動でタイプしているようなアニメー […]

 

脚注や参考サイトのリストを作成「referenceSection」 - jQueryプラグイン

参考サイトや脚注を作成するプラグイン「Flow Chart」を紹介します。 referenceSection このプラグイン使えば、文章中の脚注や参考サイトのリストを作成することができます。 学術論文やWikipedia […]

 

テキストにさまざまなアニメーション効果を付加「LetterFx」

テキストにさまざまなアニメーション効果を付加するプラグイン「LetterFx」を紹介します。 jQueryプラグイン「LetterFx」 このプラグイン使えば、指定した要素のテキストに飛んだり、くるくる回ったり、飛んだり […]

 

ページ内のテキストをコピーするとクリップボードに参照を追加「Copyright」

ページ内のテキストをコピーするとクリップボードに参照を追加するプラグイン「Copyright」を紹介します。 Copyright このプラグインを使用しているページ内のテキストをコピーすると、クリップボード(コピーバッフ […]

 

フォームに入力した文字数カウントを表示「a2x text counter」 - jQueryプラグイン

入力フォームに入力した文字数カウントを表示する「a2x text counter」を紹介します。 a2x text counter input や textarea といった入力フォーム要素を指定するだけど、フォームに入 […]

 

クリック操作でWebサイトを翻訳「translate.js」

クリック操作でWebサイトを翻訳するプラグイン「translate.js」を紹介します。 jQueryプラグイン「translate.js」 このプラグインを使えば、クリック一発でWebサイトを簡単に翻訳することができま […]

 

アニメーションでテキストが切り替わる「Words Rotator」

アニメ効果付きのテキスト切り替えを実装するプラグイン「Words Rotator」を紹介します。 jQueryプラグイン「Words Rotator」 このプラグインを使えば、指定したテキストをさまざまなアニメ効果で切り […]

 

ページ全体・指定した要素のフォントサイズを変更「creaseFont」

ページ全体、あるいは指定した要素のフォントサイズを変更するプラグイン「Shadow animation」を紹介します。 jQueryプラグイン「creaseFont」 このプラグインを使えば、ページ全体、あるいは指定した […]

 

ボックスからはみ出たテキストをドットに変換「dotdotdot」

ボックスからはみ出たテキストをドットに変換するプラグイン「dotdotdot」を紹介します。 jQueryプラグイン「dotdotdot」 ボックスからはみ出たテキストの処理には、cssの「overflow:hidden […]

 


スポンサーリンク