URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知 れないです。 というわけで、レスポンシブWebデザインの対応確認ツールです。他にいろいろ。先に紹介します。 ResponsivepxResponsive Design TestingSimple Media Queries TesterscreenflyResizer使い方の説明は多分不要です。これらは同じ目的で作られてますので使いやすいのを選ぶ感じで。 で、今日はresponsive.isっていうツールと、responsinatorっていうツールの2つをご紹介です。 ちょっとキャプチャだと分かりにくいんですけど・・・最上部にスマフォとかタブレットのアイコンがあ
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
iPhone、Android、WindowsPhone等のPSD素材集:phpspot開発日誌
Roundup Of Fresh And High Quality Smart Phones PSD Files | Free and Useful Online Resources for Designers and Developers iPhone、Android、WindowsPhone等のPSD素材集がまとまっています。 WindowsPhoneの素材はちょっと新しいですね。どんどん機種が出てきて困る気もしますが、スマホがどんどん重要になっていくにつれこうした素材のニーズも上がってきてそうですね。 こうした素材をWEBサイトに使っておくと一目見ただけで、それぞれスマートフォンに対応しているというのが分かるのがいいです。 それにしても開発者としては速くガラケーの対応を終えたいですね。 関連エントリ iOS5とiPhone4SのPSD素材が早速公開
devicePixelRatioについて調べてみた - ぺーぺーエンジニアのおぼえがき
devicePixelRatioとは 1pxの画像をそのディバイス上では何pxで表示するかを指定した設定 webkit系に存在する なぜそんな設定があるのか？ iPhone3G,3GSの解像度と、iPhone4の解像度の違いから考える 機種 解像度 iPhone3G,3GS 480 x 320 iPhone4 960 x 640 iPhone4は前のiPhoneに比べて解像度が4倍ある。 画面のサイズは3.5インチと同じな為、1pxあたりの大きさがiPhone4の方が小さく敷き詰められている このことから、同じ5 x 5 の画像を表示しても通常はiPhone4の方が1/2に小さく表示されてしまう。 そのような自体を防ぐ為、1pxあたりの大きさが小さくなったiPhone4では1pxを2pxとして表示されるようにdevicePixelRatioで制御させれている。 縦と横の両方が2倍になること
スマートフォンで解像度ごとに最適な画像サイズにするdevicePixelRatioの設定 | ユージック
スマートフォンで解像度ごとに最適な画像サイズにするdevicePixelRatioの設定 2011年8月31日 スマートフォンでは機種によって解像度がことなるのは周知のとおり。 100px×100pxの画像をiphone3で表示すると100px×100pxで表示されるが、iPhone4では解像度が2倍なので50px×50pxになってしまいます。 スマートフォンの解像度は横幅320pxを標準として480px、640px、720pxなど機種により様々な違いがあります。そこでCSSのmedia query を利用して最適なサイズに書き分けを行います。 /* devicePixelRatio=1（iPhone3～3GS、低解像度Android端末）とdevicePixelRatio未対応ブラウザ */ .className { width: 100px; height: 100px; backgr
【レビュー】自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート | エンタープライズ | マイコミジャーナル
Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている
FlashがiOSで再生可能に - アドビ、「Flash Media Server 4.5」など発表 | クリエイティブ | マイコミジャーナル
米アドビ システムズは9日、オランダ・アムステルダムで開催されている国際放送機器展「IBC 2011」にて、「Adobe Flash Media Server 4.5」と「Adobe Flash Access 3.0」を発表した。Adobe Flash Media Server 4.5では、新たにiOSをサポートする。 「Adobe Flash Media Server 4.5」Webページ 「Adobe Flash Media Server」は、Flash対応デバイスへコンテンツを配信するストリーミングビデオソリューション。今回発表された最新版では、新たにiOSのサポートを追加し、iPhoneやiPadといったApple社製デバイスへの動画配信が可能となった。また、メディアをオンデマンドでパッケージ化する機能を新搭載し、1度のエンコードで複数プラットフォームへの配信を実現。このほか、HT
iPhoneやAndroid端末、ノートPCでいつでもどこでもテレビ映像などが楽しめる「VULKANO FLOW」レビュー
iPhoneやiPadといったApple製端末やAndroid OSを搭載したスマートフォンやタブレット、はたまたWindowsやMacなどのパソコンを使ってテレビが見られるストリーミングTVアダプターが「VULKANO FLOW(ボルカノフロー)」です。 自宅のチューナーやレコーダーなどと接続すれば、外出先や旅行中であってもいつでもどこでも好きな時に手軽にテレビやビデオの映像が楽しめるようになる上に、1080iのフルHDに対応した高画質モデルであることに加えて、リーズナブルな価格を実現しています。 詳細な使用レビューは以下から。ioPLAZA:iPhone、iPad、Android対応ストリーミングTVアダプター VULKANO FLOW | ボルカノ フローPC周辺機器 IO DATA 通販 ioPLAZA ◆開封から設置まで 「VULKANO FLOW」はこんな感じのダンボール箱に入
アドビ「iPadでFlashアプリを動かす」デモを公開。マルチプラットフォーム対応をアピール
アップルはiPod Touch、iPhone、iPadなどでFlashをサポートしない方針を貫いています。しかしアドビシステムズは昨年行われたイベント MAX 2009で、FlashアプリケーションをiPhone、iPod Touch対応アプリケーションに変換する機能を発表。新製品となるFlash Professional CS5に搭載すると宣言しました（CS5は米国で4月12日にローンチ予定）。 これによりFlashは一夜にしてiPod、iPadの開発環境となりました。 （追記：上記の機能は、iPadリリース直後に行われたアップルの規約変更により使用不可となりました。 iPhone OSのFlash外し、アドビCTO「アップル次第だ」vsジョブズ氏「進化の妨げになる」」 しかしその5カ月後の2010年9月に規約は見直され、再び可能になっています。 アップルの方針転換でiPhoneでのFl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事