ホームページにYoutube動画を埋め込んだ際にレスポンシブ対応させる方法
こんにちは、ふかふかです！ ホームページにYoutubeの動画を埋め込んで再生できるようにしたのはいいものの、スマホなどで表示した際に、動画の横幅が画面サイズに合わなくてはみ出てしまう！...なんてことになったりはしていませんか？ そんな時でも大丈夫！今回紹介する簡単な解決方法を用いれば、Youtube動画を様々なデバイスにレスポンシブ対応(サイズ対応)させることができます！ Youtube埋め込みコードの記述 Youtubeの動画を埋め込む際、Youtube動画ページの"共有"→"埋め込みコード"をコピ ...
ホームページをスマホ対応(レスポンシブ)にする最も簡単な方法
WordPressではなくHTMLのみで構築されたサイトをスマートホンやタブレットに対応させる（レスポンシブにする）ことは一苦労です。 一応、有料でホームページをスマホ＆タブレット表示に対応させるサービスを提供しているところもありますが、年数万円～数十万円の費用がかかってしまいます。 個人運営のサイトさんにとっては痛い出費になりますね； そこで今回、私がこのサイトをスマホ表示に対応させる際に用いた、最も簡単（と思われる）でお金もかからない手法について解説したいと思います！ デバイスごとに読み込むCSSを切 ...
ホームページにアコーディオンのようなフォトスライドを簡単に実装する方法
すこし洒落た感じのフォトスライドをホームページのトップに実装したい！ そんな時に役に立つ、レスポンシブ対応のアコーディオン形のスライダー（raccordion slider） を簡単に実装する方法について今回は紹介します！ ちなみに以下のDEMOページのようなフォトスライドが実装されます。 DEMOページ ソースプログラムのダウンロード https://egrappler.com/jquery-responsive-horizontal-accordion 今回実装する「raccordion slider ...