bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript軽量で見やすいツールチップを実装できる「Popper.js」JavaScript2016.04.18軽量で見やすいツールチップを実装できる「Popper.js」Popper.jsはユーザーにとって見やすいツールチップを実装できるJSライブラリです。容量が軽量なところもGoodですね。ツールチップを表示する位置を指定できたり、ドラッグした際にツールチップも追従させることができたりとカスタマイズして使いたい方にもピッタリのツールチップです。Popper.jsPopper.jsの詳細は以下のページで確認できます。Popper.jsツールチップを表示する位置はplacementにtop、right、bottom、leftのいずれかを指定すればOKです。上下左右の好きな位置に表示させることができます。ほかにもコンテナがスクロールで見えなくなりそうなときでもツールチップだけを見える位置にとどまらせたり、コンテナをドラッグしたときにツールチップも一緒に追従させたり、またはスクロール時にツールチップを見やすいように上下フリップさせたりといったことが可能です。どの設定も閲覧するユーザーにとってはありがたい機能になるのではないでしょうか。そんなわけで、軽量で見やすいツールチップを実装したい方は、ぜひPopper.jsをチェックしてみてください。JSによる軽量のスクロールアニメーションライブラリ「Sal.js」Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです...JavaScriptレスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu...JavaScriptjQueryプラグインで電卓を実装できる「jCalculator」jCalculatorというjQueryプラグインを使えば入力フィール...JavaScriptレスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」FreewallというjQueryプラグインを使えばレスポンシブに対応...JavaScriptクールな画像ズーム機能を実装できる「Zooming」Zoomingはクールでかっこいい画像ズーム機能を実装することができる...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。