HTML– tag –
-
【LetterFx】テクストに波打つような表現きるjQuery
こんにちは、ハル@haru_elpisです。 テキストを波打つようにしたり、回転させたりできる[LetterFx]の紹介です。 LetterFxの使い方 ダウンロード https://github.com/TuxSudo/letterfx ダウンロードしたファイルの「jquery.min.js」・「tuxsudo.min.js」... -
【Blotter.js】3Dやノイズが入ったようにテキストを表現きるjQuery
こんにちは、ハル@haru_elpisです。 テキストをユラユラさせたり、3Dのようにできる[Blotter.js]の紹介です。 Blotter.jsの使い方 公式ホームページ https://blotter.js.org/ ダウンロード https://github.com/bradley/Blotter ダウンロードしたファイ... -
【textillate.js】テキストにアニメーションを付けられるjQuery
こんにちは、ハル@haru_elpisです。 テキストにアニメーションを施す[textillate.js]の紹介です。 Splitting.jsの使い方 公式HP→http://textillate.js.org/ ダウンロード https://github.com/jschr/textillate ダウンロードした「jquery.textillate.js」... -
【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... -
【drawer】ドロワーメニューを簡単にできるjQuery
こんにちは、ハル@haru_elpisです。 ドロワーメニューを簡単にできるjQueryプラグインの紹介です。 drawerとは ボタンをクリックすると横からスライドして現れるドロワーメニュー、コーディングも比較的簡単なので是非ご活用ください。 ダウンロード https... -
【rippleria】クリック・タップで波紋エフェクトが作れるjQuery
こんにちは、ハル@haru_elpisです。 クリック・タップをする事で波紋を作れるようになる「rippleria」の紹介です。 rippleria jquery ダウンロード http://nsept.github.io/rippleria/ ダウンロードした「jquery.rippleria.css」・「jquery.rippleria.min....