HTML– tag –
-
【ZooMove】マウスオーバー時に画像の拡大が簡単にできるjQuery
こんにちは、ハル@haru_elpisです。 マウスオーバーで画像を拡大させてみせることができるjQueryプラグインの紹介です。 ZooMoveとは 画像の一部を詳細に見せたいときに拡大をしてくれるjQueryです。ZooMoveを使用すれば、拡大させる動きも滑らかで、スト... -
【pagePiling.js】Webサイトを構築するときに最適なjQuery
こんにちは、ハル@haru_elpisです。 jQueryで各セクションを画面いっぱいに表示でき、スクロールでコンテンツを切り替えていくようなページが作れてしまう「pagePiling.js」の紹介です。 pagePiling.js ダウンロード https://alvarotrigo.com/pagePiling... -
【Stretchy】入力フォームの大きさを簡単に変更する方法
こんにちは、ハル@haru_elpisです。 入力フォームの大きさを変更したい時に使える「Stretchy」プラグインの紹介です。 Stretchyとは 記入項目に文字を打つと、項目のサイズが大きくなったり、小さくなったりするプラグインのことです。このプラグインは、... -
【FadeThis】スクロールのタイミングでフェードイン・アウトを簡単にできるjQueryプラグイン
こんにちは、ハル@haru_elpisです。 スクロールタイミングでフェーズ・アウトが簡単にできるプラグインの紹介です。 FadeThisとは FadeThisは、スクロールしたタイミングでスライドさせながらフェードイン・アウトができるjQueryプラグインです。オプショ... -
【custom content scroller】スクロールバーのデザインを簡単に変更する方法
こんにちは、ハル@haru_elpisです。 ブラウザのスクロールバーのデザインを変更したい時に使える「custom content scroller」の紹介です。 custom content scrollerとは custom content scrollerはブラウザのスクロールバーのデザインを変更できるjQueryプ... -
【CSShake】CSSでぶるぶるとした動きを簡単に表現する方法
こんにちは、ハル@haru_elpisです。 CSSでぶるぶるとした動きを表現したい時に使える「CSShake」の紹介です。 CSShakeとは 「CSShake」はクラスを指定した要素をぶるぶると振える効果を出すことができます。 ダウンロード https://elrumordelaluz.github.i... -
【Calendar.js】jQueryでカレンダー表示を簡単にする方法
こんにちは、ハル@haru_elpisです。 jQueryでカレンダーを導入したい時に使える「Fullcalendar」の紹介です。 jQuery Fullcalendarの使い方 オープンソースのカスタマイズ可能なjqueryのカレンダーライブラリです。上手く活用することで、カレンダーのス... -
【inview.js】画面スクロールで特定位置に入った要素をアニメーション表示させる簡単な方法
こんにちは、ハル@haru_elpisです。 inview.jsはスクロールして表示領域に入ったらイベントを開始させてくれるさせてくれるjQueryプラグインです。 jQuery・inview.jsの使い方 ダウンロード https://github.com/protonet/jquery.inview ダウンロードした「... -
【animatedModal.js】jQueryでアニメーションを簡単に実装する方法
こんにちは、ハル@haru_elpisです。 jQueryでアニメーションを簡単に実装する備忘録です。 animatedModal.js 使い方 ダウンロード https://github.com/joaopereirawd/animatedModal.js ダウンロードした「animatedModal.js」ファイルをjsフォルダなど任意... -
【jQuery】スライドメニューを簡単に実装する方法
こんにちは、ハル@haru_elpisです。 jQueryでスライドメニューを簡単に実装する備忘録です。 Slidebarsの使い方 ダウンロード https://github.com/adchsm/Slidebars ダウンロードした「slidebars.min.js」ファイルをjsフォルダなど任意の場所へ移動してお...
