CATEGORIES - コーディング -

[jQuery]YouTube動画をサイトに埋め込む方法2(ブラウザの高さにfit)

前回、YouTube Player APIを利用した動画の埋め込み方法をまとめました。だた、レスポンシブは可能なのですがブラウザ全面にフィットする動画の表示はできませんでした(方法が分からないだけかも…)。そんな時に便利なのが、jQueryのプラグイン「YTPlayer」です。

YouTube動画をサイトに埋め込む方法2(YTPlayer)
続きを読む

[jQuery]カルーセルを作るプラグイン2 – bxSlider.js

前回slick.jsを使ってカルーセルを作成する方法をまとめました。slick.jsではカルーセルの要素数を設定するため、要素幅が可変するタイプのレスポンシブには便利ですが、要素の幅を固定することはできません。要素の幅を指定したカルーセルは、プラグインbxSlider.jsで作成できます。

カルーセルを作るプラグイン2 - bxSlider.js
続きを読む

カスタムしたGoogleマップをサイトに表示する方法

最近、カスタムしたGoogleマップを下の方に載せているサイトをよく見ます。どうやるのかが気になったので調べてみた所、こちらで詳しく紹介されていました。
GoogleMapの埋め込みと、デザインやアイコンの変更などをカスタマイズする方法 | 株式会社LIG

実際に試してみた所、一部上手く行かなかった所があったので、合わせてやり方をまとめておくことにします。また、一部のコードを以下のサイトに基づいて変更してあります。
イベント | Google Maps JavaScript API

カスタムしたGoogleマップをサイトに表示する方法
続きを読む