iPadやiPhoneで開発者ツールを使ってHTMLソースを見る方法 | netamono.
iPadやiPhoneはRetinaディスプレイです。 WebページをRetina対応したけれど、うまくいかなかったりして、解析しようとしても、iPadやiPhoneではソースを表示したりできません。 しかし、MacのSafariと連携すれば、実はそれができるのです。 以下、解説はiPadですが、iPhoneでも基本同じです。 iPadの設定 Safariの設定でWebインスペクタをオンに iPadの設定メニューから、Safariを選択し、いちばん下の詳細を選択します。 さらに、「Webインスペクタ」をオンにします。 設定の下に描いていますが、ケーブルをMacに接続して、Mac上の開発メニューからインスペクタを表示できます。 iPadの準備は整ったので、次はケーブルをMacに接続して、MacのSafariで操作します。 ケーブルで接続 MacとiPadをケーブルで接続します。 Safari
無線でDVDをiPhone / iPadで視聴できるLogitechのWi-Fi DVDドライブがメッチャ楽！
「DVD借りてきたけど、TVとかパソコンの前にわざわざ移動して見るのめんどくせぇ。手元のiPhoneやiPadでみてぇ。」 そう思ったことないですか？僕はこれまで何度もそう思ってきました。しかし、そんなことができるガジェットなんてないだろうと。 「あー、そんなガジェットあったらいいのになー。」 と定期的にボヤきつつも諦めていたのですが、先日このガジェットを発見。しかも、なんと普通に1年前から発売されていたっていう。 「これは買わんといかん！いかんばい！」 と即ポチして使ってみたら、これがやっぱりかなりの極楽っぷり。やば便利。 Logitecの無線DVDドライブ「LDR-PS8WU2BKW」 セットアップは驚くほど楽。ACアダプタを本体に差して、DVD/音楽DVDを挿入し、本体の裏に書いてあるWi-Fiに接続し、iPhone/iPadアプリ「Logitec WiFi DVD」をインストールす
『iOS 5.1から一ヶ月、利用iOSバージョンとiPhone端末のシェア比較 (2012年4月)』
前に書いた「iPhone4S発売一ヶ月、利用iOSバージョンとiPhone端末のシェア比較」から早くも半年経っていました。この間、新しいiPadの発売や最新のiOS 5.1のリリースもありました。最新情報へのアップデートのリクエストも頂きましたので、再集計してみました。 ※集計結果は弊社電子コミック事業のサーバーへのアクセスログを元にした独自集計ですが、海外を含めて同じタイミングで出ている同様の記事は大体同じような数字感ですので、傾向値としてはご参考にはなると思います。 ■ iOSバージョンシェア まずは、iPhone 4S発売から半年、iOS 5.1 リリースから約一ヶ月後（集計期間4/10～4/16）のシェア内訳です。 iOS 5.1のインストール率が7割と非常に高いですね。iPhoneユーザーは積極的にアップデートを行うということが伺い知れます。 次の表は半年前の数字と現在を比較した
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
短期間でのスマホ向けWeb開発
スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30～ ＠IDCフロンティア ～『短期間でのスマホ向けweb開発について』～ セミナー資料Read less
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか
iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。 各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
モバイル iPhone Android でのUserAgentの振り分け « Demence/Cup
最近、ちょくちょく使う機会があったのでメモメモ。 本当はUserAgentを見るよりはIPを見て飛ばした方がいいとは思いますが、 取り急ぎ振り分け処理を作らなきゃいけない時はさっとコピペできるので便利。 急なお客さんが来た時の簡単おつまみ的なノリですね。 #UserAgentを見てそれぞれのページへ飛ばす RewriteEngine on #モバイル RewriteCond %{HTTP_USER_AGENT} ^DoCoMo [NC,OR] RewriteCond %{HTTP_USER_AGENT} ^KDDI [NC,OR] RewriteCond %{HTTP_USER_AGENT} ^Up.Browser [NC,OR] RewriteCond %{HTTP_USER_AGENT} ^J-PHONE [NC,OR] RewriteCond %{HTTP_USER_AGENT} ^
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker - かちびと.net
iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタンフォード大がiOSプログラミングの入門コースを無料で提供
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu