About iPhoneやiPadなどでHTMLのソースを見るためのサービスです。HTMLのソースを取得するのにJSで取得する方法とServer側からHTTPリクエストで取得するする二つの方法を用意しています。 JS版 JSのdocument.documentElement.outerHTMLでHTMLを取得する JSでDOMが書き換えた後のソースが取れる XML宣言やDOCTYPE宣言が取れない 認証がかかっているページも見れる JS版Bookmarklet Server版 Server側からHTTP RequestでHTMLを取得する JSでDOMが書き換えられていない元のソースが取れる XML宣言やDOCTYPE宣言なども取れる 認証がかかっているページを取れない Server版Bookmarklet Author @hokaccha github github: i-sourcvi
iPadのようなタブレット型のタッチUI端末では、PCでは見られなかった特徴的なユーザ行動が見受けられます。今回は、弊社の調査で見られたiPadにおける特徴的なユーザ行動と、デザイン上のポイントについてご紹介します。 【ポイント1】 ユーザはスクロールが苦ではない 弊社のユーザ調査にて、iPadで画面が切り替わる度にスクロールしてみようと画面をドラッグするユーザがよく見受けられました。ユーザは画面をスクロールしたがる傾向があるようです。 確かにiPad上で画面をスクロールすると、指に吸い付くようにスムーズに画面が動くため、直感的で心地よい感じがします。iPad上での快適なインタラクションは、ユーザにとってポジティブなフィードバックを与え、スクロールも苦になりにくいと考えられます。 情報は極力たくさん並べよう 調査で用いたショッピング用のアプリでは、iPadの縦1画面内におさまるだけの商品し
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Build an iPad-Themed Image Slider with jQuery | Design Shack これはいい!iPadテーマのjQuery画像ギャラリー。 画像ギャラリースクリプトは色々ありますが、iPadの中に映し出されたようなブラウザ上で動作する画像ギャラリーです。 デモページを見れば、細かなデザインにもAppleっぽさが取り入られているが分かります。 ちょっと変わったことをしたい場合や、iPadに関連するサイトやアプリ紹介ページなんかで使えるかもしれませんね。 関連エントリ 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ&サンプル集 超クール画像ギャラリーが作れるJavaScriptライブラリ どんな写真も指定サイズにまとめてギャラリーにできるjQueryプラグイン「Image Scale Carousel」 画像ギャラリー
jqpad - Project Hosting on Google Code iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」。 iPad向けのネイティブアプリケーション風のUIでWEBサイトを構築することが容易になります。 iPhone用のiUIのiPad版といったところでしょうか。 こちらのページをiPadで見てみましょう 少しクセがあるみたいですが、使いこなせば1から作るよりははるかに楽に作れそうです。 まだ不備もあるみたいなので今後に期待です。 関連エントリ iPhone向けWebアプリを作ろう これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」
jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> サーチエンジンランドから、iPadの普及、そしてきたるべくHTML5時代の動画SEOに関する話題を。なるほど、色々準備しておかないといけなさそうなことがありそうです。 — SEO Japan iPadの人気が高まり、動画を視聴する方法に変化が生じ始めている。動画検索において、マーッケターやSEOの専門家は、新たなスクリーンを通して消費者に接触することが出来るようになったのだ。MeFeediaの調査によると、発売後、iPadのユーザーは通常のウェブのユーザーの2.5倍ほど動画を視聴し、iPhoneのユーザーと比べると3倍ほど多くの動画を見ているようだ。抜け目のないオンラインマーケッターなら、ユーザ
この記事はライター募集からの寄稿です。 iPadが日本で発売されてからだいたい1ヶ月が経ちましたね。皆さんはどんな使い方をされていますか?今日の紹介アプリはリモート接続で離れたところにあるパソコンを使っちゃおう!ってことでリモート接続アプリ「iTeleport for iPad」の紹介です。接続設定はgoogleアカウントに接続するだけ。さあ、早速レビュー行きましょう! appbank追記 同じ会社にはiTeleport: Jaadu VNC for iPhone / iPad というアプリがあります。アップデートの日付からiTeleport for iPad リリース後に iPhone / iPad どちらでも利用できるようにユニバーサル対応されたのだと推測します。 こういうVNC系のソフトは接続設定が大変ですよね。でも、大丈夫!安心してください。準備するのはこのiPadアプリ「iTel
こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz(ゆびちず) 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字(大塚家具、とか紀伊國屋書店、とか)をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
iPadが我が家に届いてから数日が経過しました。快適に使えるようになるにはもう少し勉強が必要だなと思うのですが、今日はPDFファイルをiPadで読むために覚えておきたいTipsを書いてみたいと思います。ちなみに入門編です(^^;A 1.GoodReader for iPadとi文庫HDは必須! いきなりTipsでも何でもなくてすみません(^^;A 多くのサイトでも書かれているとおり、この2つのアプリは本を裁断してスキャンしてiPadでPDFファイルを読みたいという用途では必須です!ということで、今日はこの2つのアプリについてお話しします。GoodReaderはファイルマネージャ、i文庫はビューアの側面が強い気がしてます。 GoodReader for iPad (¥115) i文庫HD (¥700) 2.ファイルの転送 PCに保存しているPDFファイルをアプリに転送する方法ですが、これを覚
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
WebデザインiPadのGUIエレメント 表題の通り、iPadのGUIエレメントを ベクター画像にした物がIcon Library にて無料で配布されています。開発 等をお考えの方もぜひDLしてみては 如何でしょう。クオリティもかなり高い ですよ。 表題の通り、iPadのGUIエレメントを ベクター画像にした物がIcon Library にて無料で配布されています。開発 等をお考えの方もぜひDLしてみては 如何でしょう。クオリティもかなり高い ですよ。 Icon Libraryが早速iPadのGUIをベクターで公開してくれました。 ipad vector GUI elements タブやボタン、キーボードなどのエレメントです。クオリティ高いですね。以下より無料でDL出来ます。 ※リンクミスしてました。済みません。 ipad vector GUI elements
Technical Note TN2262: Preparing Your Web Content for iPad appleのサイトにiPad用のサイト作成準備のためのページが上がっていました。 USの発売日に30万台発売ということで、日本でもそれなりに売れることが予想出来ますが、今後iPad用にページを最適化する場合に覚えておくとよさそうです。 メモついでにご紹介。 UserAgent UAはiPadが入ってWebKitベースなので、AppleWebKit となるみたいです。 Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 プラグインは使わない Fla
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く