スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか
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月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ
株式会社クライマークス | 東京のWeb制作・Webコンサルティング会社
企業コミュニケーションに、 クリエイティブで解を。 企業、学校、公共団体などのお客さまが、メディアを通じて行うブランディング／マーケティング／リクルーティング ―― 私たちは、そこで生じるさまざまな課題を、創造性と創造力で解決します。
StackLayout - A flexible width, component based CSS layout system
StackLayout A flexible width, component based CSS layout system StackLayout is the brain child of Campbell McGuiness Campbell McGuiness is a member of the Working Software team and has a passion for hand coding highly semantic, cross browser & device compatible HTML & CSS. StackLayout is sponsored by Decal CMS
JWT
If you are seeing this message, the website for is not available at this time. If you are the owner of this website, one of the following things may be occurring: You have not put any content on your website. Your provider has suspended this page. Please login to to receive instructions on setting up your website. Plesk is a hosting control panel with simple and secure web server and website manag
Yahoo! ラボ、雑誌感覚でレストランを探せるiPad向けWebアプリ『Dog-ear for iPad』を公開 | iPhoneWalker
Yahoo! ラボ、雑誌感覚でレストランを探せるiPad向けWebアプリ『Dog-ear for iPad』を公開 Yahoo! ラボが、雑誌のようにページをめくったり、お気に入りのページの端を折るなど雑誌感覚でレストランを探せるiPad向けの実験的Webアプリ『Dog-ear for iPad』を公開しています。 利用するには、iPadからhttp://dogear.yahoo-labs.jpへアクセス。エリア一覧から見たいエリアを選択、ページをめくるようにスライドでページ移動、雑誌の端を折るイメージでお気に入りのページをドッグイヤーできます。このWebアプリはランドスケープ（iPadを横向き）で使う必要があります。 レストランのメニューやクーポン、地図、口コミ情報など閲覧でき、画面上に指でメモを書くこともできます。 Yahoo! ラボは新しいサービスの実験の場ということもあり、情報自体
Yahoo! JAPAN、雑誌のようにグルメ情報を閲覧・操作できるiPad用Webアプリ「Dog-ear for iPad」をリリース | iPad Web | Macお宝鑑定団 blog（羅針盤）
iPhone App Store (5131) アクセサリ (4104) 特価 (3282) レポート (2693) NEWS (2336) Rumor (1817) iPad App Store (1804) iTunes (1193) iPhone (1147) Apple Apps (868) iOS (731) プロモーション (723) Apple (683) Mac App Store (669) 書籍 (669) ソフトウェア (656) Apple Store (648) ハードウェア (634) インターネット (627) iPad (626) サポート (581) Mac OS X (507) デジカメ (505) Macintosh (470) Twitter (460) User Group (399) Watch App (342) Watch (325) 日記
iPadならではの特徴的なユーザ行動について (ユーザビリティ実践メモ)
iPadのようなタブレット型のタッチＵＩ端末では、PCでは見られなかった特徴的なユーザ行動が見受けられます。今回は、弊社の調査で見られたiPadにおける特徴的なユーザ行動と、デザイン上のポイントについてご紹介します。 【ポイント１】 ユーザはスクロールが苦ではない 弊社のユーザ調査にて、iPadで画面が切り替わる度にスクロールしてみようと画面をドラッグするユーザがよく見受けられました。ユーザは画面をスクロールしたがる傾向があるようです。 確かにiPad上で画面をスクロールすると、指に吸い付くようにスムーズに画面が動くため、直感的で心地よい感じがします。iPad上での快適なインタラクションは、ユーザにとってポジティブなフィードバックを与え、スクロールも苦になりにくいと考えられます。 情報は極力たくさん並べよう 調査で用いたショッピング用のアプリでは、iPadの縦１画面内におさまるだけの商品し
i-sourceview
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向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」:phpspot開発日誌
jqpad - Project Hosting on Google Code iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」。 iPad向けのネイティブアプリケーション風のUIでWEBサイトを構築することが容易になります。 iPhone用のiUIのiPad版といったところでしょうか。 こちらのページをiPadで見てみましょう 少しクセがあるみたいですが、使いこなせば１から作るよりははるかに楽に作れそうです。 まだ不備もあるみたいなので今後に期待です。 関連エントリ iPhone向けWebアプリを作ろう これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPad専用ウェブアプリ「Dog-ear」- ページに折り目をつけておいて後でみるサービス | iPhone 研究室
気に入ったページに"ドッグイヤー"、ヤフーがiPad向け実験サービス | iPad | iPad*iPhone Fan
Yahoo!ラボ、ウェブページに折り目を付けておける「Dog-ear for iPad」 
ウェブページに折り目をつけられるiPad用ウェブアプリ「Dog-ear」 - アイアリ
ラボ - Yahoo!デベロッパーネットワーク