TOP > WebService > レスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」

2013年02月23日

レスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」

現在では様々な端末がリリースされ、その全てで最適な表示をさせるためにレスポンシブなWEBサイトが求められていますが、端末ごとのチェックはとても面倒なもの。今日紹介するレスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」は、WEB上で様々なビューポートをシュミレートしてくれるものとなっています。

PC、タブレット縦、タブレット横、スマートフォン縦、スマートフォン横と様々なビューポートが確認でき、全体のどの部分を表示しているのかも分かるようになっています。下記は様々なビューポートで同一のサイトを表示したものとなります。

詳しくは以下

res02

res03

res04

res05

WEB上で完結し、URLを入力するだけで利用できるのは良いですね。最終的には実機で行わないとはいけないのですが、構築途中や様々なサイトの対策の検証用には良いWEBサービスだと思います。

Responsive.is – Display and present responsive web designs

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

posted 08:26 |

Category: WebService

tag: Design iphone アイフォンクリエイティブデザインレスポンシブ

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください【商用可】アナログ感のあるドローイングフリーフォント「THRONE」アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください

Template deisgn by iDEACLOUD inc.

トップに戻る