テキスト関連

http://www.serie3.info/s3slider/demonstration

【s3slider】テキストと画像をスタイリッシュにスライドさせるjQueryプラグイン

画像とテキストをタイミングをずらして、スタイリッシュにスライドさせることができます。 ライセンスはCreative Commons Attribution 2.5.です。

Lisence: クリエイティブコモンズ
Tag: スライダーテキスト
http://phastforms.com/reveal-it.js/index.html

【reveal-it.js】テキストが左から右へかけて徐々にフェードイン表示するjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://dotdotdot.frebsite.nl/

【jQuery.dotdotdot】ボックス要素からはみ出たテキストを「…」に置き換えてくれるjQueryプラグイン

Lisence: GPLライセンスMITライセンス
Tag: テキスト置き換えボックス要素続きを読む
http://webkaru.net/jquery-plugin/sources/bootstrap-maxlength/demo.html

【bootstrap-maxlength】入力文字数をカウントできるjQueryプラグイン

Lisence: MITライセンス
Tag: セレクトボックス入力支援
Lining.js

【lining.js】行単位でスタイルを適用できるようにするスクリプト

Lisence: MITライセンス
Tag: CSS行単位
http://mn.tn/dev/t.js/

【t.js】タイプミスも再現できてリアルなタイピングアニメーションを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーション
http://webplatform.adobe.com/dropcap.js/

【dropcap.js】1文字目を綺麗に大きくするAdobeのJSライブラリ

Lisence: Apacheライセンス
Tag: レイアウト
http://joshbuddy.github.io/spoiler-alert/

【SPOILER ALERT!】画像やテキストにモザイクをかける

クリックするとモザイク解除、再びクリックするとモザイクがかかります。

Lisence: MITライセンス
Tag: モザイク
https://github.com/themeskult/jquery-reading-time

【jquery-reading-time】読むのに後何分かかるかを表示するjQueryプラグイン

スクロールに合わせ読むのに後何分かかるかを表示します。

Lisence: MITライセンス
Tag: スクロール
http://tuxsudo.com/code/project/letterfx

【LetterFX】テキストに様々なアニメーションをつけるjQueryプラグイン

テキストにおもしろいエフェクト・アニメーションをつけられるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://morphext.fyianlai.com/

【Morphext】テキストをアニメーションで表示するjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーション
http://bigspaceship.github.io/shine.js/

【shine】テキストなど要素にマウス位置に反応するシャドウをつけるJavaScriptライブラリ

Lisence: MITライセンス
Tag: エフェクトシャドウ
http://coolwebwindow.com/jquery-lab/wp-content/demo/fontChangeImg/index.html

【jquery-cookie】ページ内の文字サイズを変更するjQueryプラグイン

Lisence: MITライセンス
Tag: フォントサイズ文字サイズ
http://codecompendium.com/archives/jquery-plugins/font-sizer/

【Font-Sizer】ページ内の文字サイズを変更するjQueryプラグイン

Lisence: MITライセンス
Tag: フォントサイズ文字サイズ
http://demos.angstrey.com/jquery/plugins/jquery.textresizer/demos/simple-demo.htm

【Text Resizer】ページ内の文字サイズを変更するjQueryプラグイン

Lisence: MITライセンス
Tag: フォントサイズ文字サイズ
http://karappoinc.github.io/jquery.kerning.js/

【jQuery.Kerning.js】ブラウザでも美しくカーニングできるjQueryスクリプト

Webフォントを使用する際に、文字調整を適用し読みやすくて美しく表示することができるjQueryプラグインです。正しくカーニングするには、フォントに合わせたカーニングデータが必要のようです。

Lisence: MITライセンス
Tag: カーニング
http://richhollis.github.io/vticker/

【vTicker】ニュースティッカーを実装できるjQueryプラグイン

垂直に動くニュースティッカーを実装できるjQueryプラグイン。

Lisence: BSDライセンスMITライセンス
Tag: ニュースティッカー
http://risq.github.io/jquery-advanced-news-ticker/index.html

【jQuery Advanced News Ticker】ニュースティッカーを実装できるjQueryプラグイン

垂直に動くニュースティッカーを実装できるjQueryプラグイン。

Lisence: GPLライセンス
Tag: ニュースティッカー
Repo.js

【Repo.js】GitHubリポジトリをウェブページ内に埋め込めるプラグイン

GitHubのuserとnameを指定して取り込みます。オープンなリポジトリであれば埋め込むことができます。

Lisence: MITライセンス
Tag: GitHubリポジトリ
http://fittextjs.com/

【FitText】テキストを親要素の幅に合わせて自動的に調整してくれるjQueryプラグイン

ブラウザの幅にあわせてフォントサイズを拡大・縮小させることができます。minFontSizeとmaxFontSizeを設定しサイズを入力することで、最小フォントサイズと最大フォントサイズを指定することもできます。

Lisence: WTFPL
Tag: レスポンシブ
http://bite-software.co.uk/squiggle/

【squiggle】テキストの上に打ち消し線を引くjQueryプラグイン

テキストの上に手書き風の打ち消し線を引くjQueryプラグイン。線の太さ、色、曲り具合などを指定するとができます。

Lisence: MITライセンス
Tag: 打ち消し線
http://iamceege.github.io/tooltipster/

【Tooltipster】吹き出しをつけられるjQueryプラグイン

吹き出しが表示される時のエフェクトや、表示位置、表示させるイベント(クリック、マウスオーバーなど)、速度など、いろいろなオプションが設定できます。 ※IE8では吹き出しのCSSの角丸などが反映されません。

Lisence: MITライセンス
Tag: アニメーションエフェクトポップアップ吹き出し
http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html

【Super Simple Text Rotator 】テキストをローテーションで差し替えるjQueryプラグイン

クラスを指定して、テキストをローテーションで順番に表示させるjQueryプラグイン。表示が切り替わる時のアニメーション、スピードなどを調整することができます。 ※IEでは、アニメーションの種類によって表示が逆さになったり […]

Lisence: GPLライセンス
Tag: アニメーション
http://jschr.github.io/textillate/

【textillate】多彩なテキストアニメーションが実装できるjQueryプラグイン

CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン。エフェクトの種類が非常に豊富です。

Lisence: MITライセンス
Tag: アニメーションエフェクト
http://garyhepting.com/jquery-responsive-text/

【jQuery responsiveText】レスポンシブなテキストを実装するjQueryプラグイン

指定したテキストを、簡単にレスポンシブにすることができます。テキストごとにフォントサイズの最大値や最小値などを指定する事もでき、とても便利です。

Lisence: MITライセンス
Tag: レスポンシブ
http://alvarotrigo.com/funnyText/

【funnyText.js】垂直・水平方向に文字が移動するアニメーションを実装するjQueryプラグイン

各文字が次々に垂直・水平方向にアニメーションしていきます。アニメーションは、オプションでスピードやフォントサイズ、カラー等を設定することもできます。

Lisence: MITライセンス
Tag: アニメーション
http://lukeas14.github.io/animateText.js/

【animateText.js】テキストを様々なアニメーションで表示するjQueryプラグイン

テキストをスライド、フェードなどの様々なアニメーションで表示します。

Lisence: MITライセンス
Tag: アニメーションエフェクト

Page Top