レスポンシブのタグ記事一覧

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

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

WordPress
Wordpressで編集中の記事をスマホやタブレットで表示した場合のプレビュー画面を簡単に表示してくれるWordpressのプラグイン"Responsive Post Preview"を覚書 プラグインをインストールして有効化するだけの簡単プラグイン。 Wordpressの記事編集画面にスマホとタブレットのボタンが追加されるので、プレビューしたい方をクリックすればOK。...

記事を読む

無料Webサービス
自分のwebサイトがスマホやタブレットなどのモバイル画面でどう見えるかを簡単に確認できる方法について覚書。 レスポンシブ対応サイトなどを作成している際にPCで簡単にスマホやタブレットなどのモバイル端末でwebサイトを見た場合の画面イメージを簡単に確認することができるwebサイトを紹介します。...

記事を読む

無料Webサービス
スタイルシートも不要でGoogle MapやYoutube動画の埋め込みHTMLをレスポンシブ対応したHTMLコードに一発変換してくれる便利なWebサイト「embedresponsively.com」を覚書。 スタイルシートを使用してGoogle MapやYoutube動画などを記事に埋め込む際にレスポンシブ対応する方法は別の記事「FC2ブログカスタマイズ:【改訂版】YoutubeやGoogle Mapなどのiframeで埋め込んだ画像や動画をスマホ画面サイズに合わせてサイズを変更する(...

記事を読む

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

記事を読む

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

記事を読む

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

記事を読む

レスポンシブ対応:スマホやタブレット等のモバイル端末で見た際の画面をプレビューできるWordpressのプラグイン

  •  投稿日:2016-02-10
  •  カテゴリ:WordPress
wordpressのロゴ

Wordpressで編集中の記事をスマホやタブレットで表示した場合のプレビュー画面を簡単に表示してくれるWordpressのプラグイン"Responsive Post Preview"を覚書

プラグインをインストールして有効化するだけの簡単プラグイン。

Wordpressの記事編集画面にスマホとタブレットのボタンが追加されるので、プレビューしたい方をクリックすればOK。

» 記事の続きを読む

インストールも設定もいらない、webサイトのスマホ画面表示を簡単に確認する方法

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

自分のwebサイトがスマホやタブレットなどのモバイル画面でどう見えるかを簡単に確認できる方法について覚書。

レスポンシブ対応サイトなどを作成している際にPCで簡単にスマホやタブレットなどのモバイル端末でwebサイトを見た場合の画面イメージを簡単に確認することができるwebサイトを紹介します。

» 記事の続きを読む

レスポンシブ:コピペするだけ!Google MapやYoutube動画をレスポンシブ対応コードに変換してくれる便利なWebサイト「embedresponsively.com」!

http://embedresponsively.com

スタイルシートも不要でGoogle MapやYoutube動画の埋め込みHTMLをレスポンシブ対応したHTMLコードに一発変換してくれる便利なWebサイト「embedresponsively.com」を覚書。

スタイルシートを使用してGoogle MapやYoutube動画などを記事に埋め込む際にレスポンシブ対応する方法は別の記事「FC2ブログカスタマイズ:【改訂版】YoutubeやGoogle Mapなどのiframeで埋め込んだ画像や動画をスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」で紹介しましたが、スタイルシートの設定など不要で埋め込みURLを貼り付けてボタンクリック一発でレスポンシブ対応化された埋め込みURLに変換してくれる便利なWebサイト「embedresponsively.com」を紹介。

» 記事の続きを読む

【改訂版】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.

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