- ホーム
- 過去の記事一覧
JavaScript
-
サイドからスライドでナビゲーションを表示できる「jquery-side-navi」
jquery-side-naviは、サイドからスライドでタブコンテンツによるナビゲーションを表示できるjQueryプラグインです。シンプルなサイドナビゲーション…
-
シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」
SweetModalは、アラートやダイアログなどをシンプルでエレガントに表示させるjQueryプラグインです。アニメーションもスタイリッシュで、とってもかっこい…
-
スクロールに合わせていろんなアニメーションで表示できる「AOS」
AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーションを加えて表示させることができる軽量のライブラリです。スクロールしたときに要素が動くので…
-
iOSスタイルのシンプルなチェックボックスを実装できる「Switch」
Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを実装することができるスクリプトです。直感的で簡単にオン・オフの切り替えができるほか、サイズ…
-
超軽量で使い方もカンタンな日付ピッカー「flatpickr」
flatpickrはjQueryなどのライブラリに依存することなく動作する、超軽量な日付ピッカーです。バニラJavaScriptで記述されているとのこと。日付ピ…
-
シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」
tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプトです。ピュアJavaScriptで、ほかのライブラリなどに依存することなく使えるのがいい…
-
放射状に切り替わるスライダーを実装できる「Radial SVG Slider」
Radial SVG Sliderは、放射状に広がりながら切り替わるスライダーを実装することができます。SVGのクリッピングパスやマスクが使われています。スライ…
-
背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」
BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させることができるJSライブラリです。コンテナのサイズに合わせて自動的にリサイズされるので、ス…
-
ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」
Quttonsはボタンをクリックすると形状やカラーが変化して新しいコンテンツを表示することができるjQueryプラグインです。滑らかなアニメーションで変化しなが…
-
陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…
夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することができるチュートリアル「Animated Heat Distortion Effects w…
