アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
スマートフォン用（iPhone・Android）Webページデザイン、viewport の指定 : Serendip – Webデザイン・プログラミング
iPhone・Android 向けのサイトデザインをする際に meta タグに viewport を指定して、デバイスの表示領域に合わせたページデザインを行う。 メタタグでの指定の例 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes,"> 各パラメータと、その内容 width ビューポート（可視領域）の幅（ピクセル値）。 デフォルト値は 980。 200 から 10000 までの範囲を指定できる。 height ビューポートの高さ（ピクセル値）。 デフォルト値は width の値とデバイスのアスペクト比から算出される。 233 から 10000 までの範囲を指定できる。 initial-scale ページが可視領域内にフィットするように計算された値がデフォルト値とな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
