javascript– tag –
-
【Splitting.js】文字が浮き上がるようなアニメーションjQuery
こんにちは、ハル@haru_elpisです。 文字を浮き上がさせるようなアニメーションが表現できる「jQuery TextFX」の紹介です。 Splitting.jsの使い方 ダウンロード https://github.com/shshaw/Splitting ダウンロードした「splitting.js」ファイルをjsフォル... -
【jQuery TextFX】テキストに動きを付けられる便利なjQuery
こんにちは、ハル@haru_elpisです。 テキスト表示を印象的な動きにできる「jQuery TextFX」の紹介です。 jQuery TextFXの使い方 ダウンロード https://github.com/ChrisCates/TextfxAPI ダウンロードした「jquery.transit.js」・「jquery.textFx.js」ファ... -
【matchheight jquery】横並び要素の高さを揃えられる便利なjQuery
こんにちは、ハル@haru_elpisです。 要素の高さを簡単に揃えて表示できる「matchheight」の紹介です。 matchheight jqueryの使い方 ダウンロード https://github.com/liabru/jquery-match-height ダウンロードした「jquery.matchHeight.js」ファイルをjsフ... -
【magnific popup】画像や動画をポップアップウィンドウで表示できる便利なjQuery
こんにちは、ハル@haru_elpisです。 画像やYoutube・Google map・外部htmlをポップアップウィンドウで表示できる「lightbox.js」の紹介です。 magnific popupの使い方 ダウンロード https://github.com/dimsemenov/Magnific-Popup ダウンロードした「jquer... -
【lightbox.js】クリックで指定した画像をズームで表示できる便利なjQuery
こんにちは、ハル@haru_elpisです。 画像をクリックすると背景が暗くなり、指定された画像がズームして再表示する「lightbox.js」の紹介です。 lightboxの使い方 ダウンロード https://github.com/lokesh/lightbox2 ダウンロードした「lightbox.css」・「l... -
【rippleria】クリック・タップで波紋エフェクトが作れるjQuery
こんにちは、ハル@haru_elpisです。 クリック・タップをする事で波紋を作れるようになる「rippleria」の紹介です。 rippleria jquery ダウンロード http://nsept.github.io/rippleria/ ダウンロードした「jquery.rippleria.css」・「jquery.rippleria.min.... -
【ZooMove】マウスオーバー時に画像の拡大が簡単にできるjQuery
こんにちは、ハル@haru_elpisです。 マウスオーバーで画像を拡大させてみせることができるjQueryプラグインの紹介です。 ZooMoveとは 画像の一部を詳細に見せたいときに拡大をしてくれるjQueryです。ZooMoveを使用すれば、拡大させる動きも滑らかで、スト... -
【custom content scroller】スクロールバーのデザインを簡単に変更する方法
こんにちは、ハル@haru_elpisです。 ブラウザのスクロールバーのデザインを変更したい時に使える「custom content scroller」の紹介です。 custom content scrollerとは custom content scrollerはブラウザのスクロールバーのデザインを変更できるjQueryプ... -
【Calendar.js】jQueryでカレンダー表示を簡単にする方法
こんにちは、ハル@haru_elpisです。 jQueryでカレンダーを導入したい時に使える「Fullcalendar」の紹介です。 jQuery Fullcalendarの使い方 オープンソースのカスタマイズ可能なjqueryのカレンダーライブラリです。上手く活用することで、カレンダーのス... -
【animatedModal.js】jQueryでアニメーションを簡単に実装する方法
こんにちは、ハル@haru_elpisです。 jQueryでアニメーションを簡単に実装する備忘録です。 animatedModal.js 使い方 ダウンロード https://github.com/joaopereirawd/animatedModal.js ダウンロードした「animatedModal.js」ファイルをjsフォルダなど任意...
12