WordPress

iPhone6/6 Plus対応!レスポンシブデザインの表示を一括チェック出来る『Responsinator』

更新日:

iPhone6/6 Plus対応!レスポンシブデザインの表示を一括チェック出来る『Responsinator』

こんにちは!@dearwalker_yuyaです。

先月よりWordPressテーマをレスポンシブWebデザインへ対応されたSTINGER5へと変更しました。

レスポンシブWebデザインはPC・スマホ・タブレットへとより柔軟な対応が可能なテーマとなっていますが、自分でカスタマイズした際にはやはり表示の崩れがないかなどのチェックをしたいもの。

iPhoneもiPhone6/6 Plusの発売で画面サイズが大きくなりましたし、iPadやAndroidなどでどう見えているかも気になるところですよね。

毎回全端末でチェックなんて非現実的なので便利なツールを使っちゃいましょう!
レスポンシブデザインの表示を一括チェック出来る『Responsinator』が便利です!

 

iPhone6/6 Plus対応が素敵!縦横も同時にチェック出来る『Responsinator』

iPhone6/6 Plus対応が素敵!『Responsinator』

『Responsinator』はアクセスして左上のボックス内にURLを入れるとiPhone5/iPhone6/6 Plus/iPadなどスマホやタブレットなどのディスプレイ表示を縦横画面同時にチェック出来る便利なツール。

レスポンシブWebデザインのチェックツールとして非常に頼りになります。

iPhone 5

iPhone5

iPhone5はもちろんずっと下に下がっていくと。。

iPhone 6

iPhone 6

iPhone 6 Plus

iPhone 6 Plus

Android Nexus 4

Android Nexus 4

iPad

iPad

まとめ

まとめ

『Responsinator』は全ての端末でチェック出来るわけではありませんが、主だったところは抑えています。さっそくiPhone 6/6 Plusに対応してくれたのもGood!

このブログでは記事下のアドセンスとFacebookのLikeBoxをフロートで横並びさせているのでウィンドウが可変した時のチェックに大活躍でした。

スマホでチェックして、タブレットでチェックしてと手間な作業が楽になるかもしれません。オススメです!

Responsinator

オススメの記事

1

どうも、@dearwalker_yuyaです。 このブログで利用しているレンタルサーバーを、さくらからエックスサーバーへ ...

『アーロンチェア リマスタード』約1ヶ月使った感想を購入レビューしてみる 2

こんにちは、@dearwalker_yuyaです。 オフィスチェアの代名詞として最も有名なアーロンチェアの新型『アーロン ...

3

こんにちは、@dearwalker_yuyaです。 この春から東京へ引っ越して一人暮らしを始めたんですが、やはり新生活の ...

『LINEモバイル』をiPhone/iPadで使ってみた感想と口コミ評判 4

こんにちは、@dearwalker_yuyaです。 大手キャリアより安い料金が魅力の格安SIM『LINEモバイル 』に興 ...

5

どうもこんにちは!@dearwalker_yuyaです。 車が好きなので移動はもっぱら車です。車の運転中ってやっぱり音楽 ...

-WordPress
-, ,

Copyright© SiteMiru , 2018 All Rights Reserved.