iframeを使った簡易レスポンシブWebデザインエミュレータ「rFrame」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/24 18 users iPho jQuery製 iframe デバイス エンジニア

rFrameはJavaScript/jQuery製のオープンソース・ソフトウェア（MIT License）です。レスポンシブで作成されるWebサイトが増えています。そうした時の表示確認ではウィンドウの幅を縮める方法もありますが、今回はrFrameを使った方法を紹介します。デバイスと方向を指定して表示を素早く確認できます。 iPhone5、縦の場合です。画面上部のツールバーで指示できます。 iPho... 続きを読む

スマホサイト開発に使えるブラウザ上エミュレータ「rFrame」:phpspot開発日誌

2013/07/12 59 users iPhone Kindle phpspot開発日誌 iPad

スマホサイト開発に使えるブラウザ上エミュレータ「rFrame」 2013年07月12日- rFrame, A responsive frame emulator to aid with mobile development スマホサイト開発に使えるブラウザ上エミュレータ「rFrame」 iPhone, iPad, Android, Kindle　等のプロファイルに対応していてiframe内にサイト... 続きを読む

[JS]面倒なスマフォ・タブレットでの異なるビューポートサイズの確認が簡単にできるスクリプト -rFrame | コリス

2013/07/03 42 users ビューポートサイズ コリス ビューポート iPhone デモ

制作した（制作中）のウェブページをiPhone, Android, iPad, Kindleなどスマフォやタブレットのビューポートのサイズでエミュレートして表示するレスポンシブ対応サイト制作時に役立つjQueryのプラグインを紹介します。 rFrame -GitHub rFrameのデモ rFrameの使い方 rFrameのデモ まずは、下記のようなデスクトップ用のページがあるとします。 デモでは... 続きを読む