Youtubeのタグ記事一覧

自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

Youtubeのタグが付いた記事一覧。自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

ブログカスタマイズ
Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。 以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応さ...

記事を読む

ブログカスタマイズ
レスポンシブ対応しつつ、ダブルタップで全画面表示、左右のスワイプで画像スライドなどタッチ操作が可能でYoutubeなどの動画も扱えるフリーコンテンツスライダー「Galleria」をFC2ブログに導入する方法について覚書。 複数の画像を表示する記事などを書くことが多い方には画像の見せ方をクールにできるし、何よりレスポンシブ対応、タッチ操作対応という点でオススメです。 コンテンツスライダー「Galleria」をFC2ブログに...

記事を読む

ブログカスタマイズ
FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書 別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。 見た目的にあまりよろしくないので、スマホでブログを見た時...

記事を読む

【改訂版】iframeで埋め込んだ地図や動画をスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。

以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応させる方法です。

» 記事の続きを読む

レスポンシブ、全画面表示、タッチ操作対応、Youtubeなどの動画も扱えるフリーのコンテンツスライダー「Galleria」をFC2ブログに導入する方法 | FC2ブログカスタマイズ

galleria_logo.jpg

レスポンシブ対応しつつ、ダブルタップで全画面表示、左右のスワイプで画像スライドなどタッチ操作が可能でYoutubeなどの動画も扱えるフリーコンテンツスライダー「Galleria」をFC2ブログに導入する方法について覚書。

複数の画像を表示する記事などを書くことが多い方には画像の見せ方をクールにできるし、何よりレスポンシブ対応、タッチ操作対応という点でオススメです。

コンテンツスライダー「Galleria」をFC2ブログに導入する方法と「Galleria」を使用した記事の記述サンプルについての覚書。

» 記事の続きを読む

iframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書

別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。

見た目的にあまりよろしくないので、スマホでブログを見た時にはスマホの画面サイズに合わせてサイズを可変させる、いわゆるレスポンシブにする方法を以下に記載します。

» 記事の続きを読む

Copyright © Excel、Access、VBA、ORACLE、iPhone、Android、その他覚書:My Knowledge Base All Rights Reserved.

テキストや画像等すべての転載転用・商用販売を固く禁じます