- ホーム
- 過去の記事一覧
JavaScript
-
スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」
PrognRollはスクロールによるプログレスバーを表示することができるjQueryプラグインです。軽量で使い方もシンプルなので手軽に実装できるのがいいですね。…
-
スクロール時にアニメーションするjQueryプラグイン「Scrolla」
Scrollaは上下スクロールしたときにアニメーションするjQueryプラグインです。スクロール時にただ表示させるのではなく、アニメーションを加えながら表示させ…
-
設定した高さに基づいて複数行のテキストを切り取る「Shave」
Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複数行のテキストを切り取ることができるJSプラグインです。ファイル容量が軽量なうえに、ほかの…
-
Webページ上の好きな場所をハイライトできる「hop」
hopはオーバーレイされたWebページ上の好きな場所をハイライトすることができるjQueryプラグインです。マウスのカーソルが丸い円で表示され、好きなポイントに…
-
要素を手軽にアニメーション化できる「Force.js」
Force.jsはページ上の要素を手軽にアニメーション化させることができるJSライブラリです。CSS transitionを活用し、さまざま動きが表現可能です。…
-
CSSのフィルターをコントロールできるjQueryプラグイン「Philter」
PhilterはCSSのフィルターを簡単にコントロールすることができるjQueryプラグインです。HTMLに属性を設定することで、さまざまなフィルター効果をかけ…
-
グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…
円形によるカウントダウンのタイマーを実装する「CSS Jquery Pie Countdown Timer」をご紹介します。linear-gradientを活用…
-
画像を徐々に読み込んでくれるJSライブラリ「Progressively」
Progressivelyは画像を徐々に読み込ませることができるJSライブラリです。最初は画像にボカシが入っていますが、スクロールしていくことで画像がくっきり表…
-
コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」
ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウンナビゲーション「Stripe.Com Navigation」をご紹介します。メニューのコ…
-
印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…
anime.jsを活用した、印象的でとってもかっこいいテキストエフェクトを実装する「Inspiration for Letter Effects」をご紹介します…
