underline.js

JavaScript

遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

underline.jsはアニメーションが付いた美しいアンダーラインを描くテキストを実装することができるJSライブラリです。アンダーラインにマウスオーバーして上下に動かすとギターの弦を弾いたような素敵なアニメーションが行われます。

underline.js

デモ

テキストに引かれたアンダーラインがビヨ〜ンと動くのでとても楽しいですね。

また、アンダーラインはアニメーションだけではなく、美しさにもこだわっているのが特徴です。

ゴーストピクセルがなかったり、Retinaディスプレイでも美しく表示されるようになっています。

他にもストローク幅の最適化や黄金比の活用、「j」や「g」といった下に長い文字がアンダーラインと重ならないようにするための工夫(ディセンダ周りに穴を設ける)など、細部まで美しさを追求しています。

underline.js

jQuery plugin Watermark画像にウォーターマーク(透かし)を入れれる「jQuery plugin Watermark」前のページ

日本語の文章を手軽にチェックできる「JTF日本語スタイルチェッカー」次のページJTF日本語スタイルチェッカー

関連記事

  1. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  2. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  3. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  4. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

  5. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  6. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP