HTML・JavaScript..– category –
-
【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 ダウンロードした「... -
【knob】円形のUIコンポーネントを簡単に実装する方法
こんにちは、ハル@haru_elpisです。 jQueryで円形のUIコンポーネントを簡単に実装する備忘録です。 jQuery・knobの使い方 ダウンロード http://anthonyterrien.com/knob/ ダウンロードした「jquery.knob.js」ファイルをjsフォルダなど任意の場所へ移動して... -
【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フォルダなど任意の場所へ移動してお... -
【jQuery】グリッドレイアウトを簡単に実装する方法
こんにちは、ハル@haru_elpisです。 jQueryでグリッドレイアウトを簡単に実装する備忘録です、Freewallというプラグインを使用します。 Freewallの使い方 ダウンロード https://github.com/kombai/freewall head head内にjquery.jsと当スクリプトを外部フ... -
【GAS】スプレッドシートで範囲を指定して降順に並べ替える方法
こんにちは、ハル@haru_elpisです。 スプレッドシートで範囲を指定して降順に並べ替える方法です。 スプレッドシートで範囲を指定して降順に並べ替える方法 スクリプトエディタの書き方 var activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet();...