HTML・JavaScript..– category –
-
【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... -
【Vide】背景動画を簡単に実装できるjQuery
こんにちは、ハル@haru_elpisです。 ウェブページの背景をすぐ動画再生できるjQueryプラグインの紹介です。 Videとは 背景に動画を表示する事ができ拡張子は、mp4、ogv、webmに対応しています。一つのフォルダに拡張子の前のファイル名を同じにして入れて... -
【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を使用すれば、拡大させる動きも滑らかで、スト... -
【pagePiling.js】Webサイトを構築するときに最適なjQuery
こんにちは、ハル@haru_elpisです。 jQueryで各セクションを画面いっぱいに表示でき、スクロールでコンテンツを切り替えていくようなページが作れてしまう「pagePiling.js」の紹介です。 pagePiling.js ダウンロード https://alvarotrigo.com/pagePiling... -
【ブロックエディター】エディターが急にクラシックエディターになってしまった時の解決方法
こんにちは、ハル@haru_elpisです。 今までブロックエディターを使っていましたが急にクラシックエディターが表示されるようになりました。 ブロックエディターに戻すための解決方法です。 ブロックエディターへの戻し方 新規投稿をしようとしたらクラシッ... -
【Stretchy】入力フォームの大きさを簡単に変更する方法
こんにちは、ハル@haru_elpisです。 入力フォームの大きさを変更したい時に使える「Stretchy」プラグインの紹介です。 Stretchyとは 記入項目に文字を打つと、項目のサイズが大きくなったり、小さくなったりするプラグインのことです。このプラグインは、... -
【jQuery formBuilder】自由にフォームが簡単に作れるjQuery
こんにちは、ハル@haru_elpisです。 自由にフォームを作りたい時に使える「jQuery formBuilder」の紹介です。 jQuery formBuilderとは jQuery formBuilderというプラグインを使うと、ドラッグ・アンド・ドロップの操作のみでフォームを作成できます。HTML...