スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか
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月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ
[図解]Evernote使うなら知ってて損はない！現在使用中のアプリ11選！！
キリンさんが好きです。でも、ゾウさんのほうがもーっと好きです。 今回は、私がEvernoteと連携させて使用している11のアプリをざっと紹介したいと思います。 中にはEvernoteと直接連携していないアプリもありますが、私のEvernoteと切っても切れない、そんなアプリだとお考えください。ただれた関係。 参考：Evernoteを考える 第2回 ～Evernoteを中心に置いてみる～ 上の参考リンクは３ヶ月前に書いたEvernote連携アプリ紹介記事。 刻一刻とEvernote周りの環境は移り変わっていくな・・・と世の中の無常を感じながら見比べていただけると幸いです。驕れるアプリひさしからず。なに言ってんだろう。 （アプリの値段は執筆時のものです。購入時はご確認ください。） （クリックでPDFが拡大します） 上の図が2011年1月現在の、Evernote連携アプリとその用途。自分の扱う情
iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript:phpspot開発日誌
PADILICIOUS: How to Add Finger-Swipe Support to Your Webpage iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript。 左から右、右から左、上から下、下から上といった指でのスライドアクションをiPadのブラウザ上で検知して好きなJavaScriptコードを実行するようにできます。 これで、本当にブラウザ上で電子書籍を読むようなインタフェースを実現できます。単純なクリックよりもよりアプリ寄りのUIがブラウザ上で実現できますね。 デモページをiPadで見てみると、それぞれ指でスライドするとページの背景色が変わるはずです。 関連エントリ iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」 iPadのサイト開発、アプリ紹介等のエントリ色々 iPad用のサイト作成に覚えておくこと色々
iPhone/iPadゲーム開発ガイド - Radium Software
O'Reilly Japan - iPhone/iPadゲーム開発ガイド 来月9/3にオライリー・ジャパンより発売される「iPhone/iPadゲーム開発ガイド」に、日本語版の特別付録記事を寄稿させていただきました。 この本は、ゲーム制作に内容を絞ったiPhoneアプリ開発本です。他のiPhoneアプリ開発本とは違って、トラディショナルな２Ｄ・３Ｄゲームを制作するのに必要な事項だけを集中的に解説しています。ちょっとユニークなコンセプトの本です。 僕が寄稿した記事では、Box2Dを使った簡単なアプリの制作を行っています。最近、色々なところでBox2Dを使いまくっているのですが、いちばん使いでがあるのはiPhone上でのカジュアルゲーム制作だと思っています。この本でも触れておくべきだろうと考え、執筆した次第です。 上の写真は原著の英語版ですが、日本語版も似たような表紙になっています。書店で見か
jQueryでiPhone/iPadの向きを検出する[to-R]
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を読み込むことが出
![jQueryでiPhone/iPadの向きを検出する[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1788fe5c4e0abeec501baa392c032db6a3514abe/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F20100817_01.jpg)
iPadアプリ開発日誌：「アノテーション」が可能になったCloudReaders
少し前から予告していた（参照）neu.Notesと連携してPDFやマンガにアノテーション（＝赤入れ）をすることを可能にしたCloudReaders（バージョン1.14）がAppleに承認されたので、ぜひともお試しいただきたい。 正直、今回のバージョンは一発承認は難しいと考えていた。というのも、この機能はneu.NotesがインストールされているiPadでしか動かないので、「他のアプリがインストールされていないと使えない機能を持ったアプリなんて承認できない」といちゃもんを付けられてる可能性があると考えていたのだ。 しかし、結果は一発承認。neu.Notesがインストールされていない場合のレスポンス（後述）などを慎重に作り込んでおいたのが良かったのだろうと自分なりに納得している。 その仕組み（プロトコル）はとてもシンプル。ユーザーがペンアイコンとタップすると（上の図参照）CloudReader
デザイナーのためのiPadアプリ30 – creamu
83286959, Ciaran Griffin/ Lifesize/ Thinkstock iPadでスケッチをしたりメモを取りたい。 そんなあなたにおすすめなのが、『30 Essential iPad Apps for Designers and Creatives』。デザイナーのためのiPadアプリ集です。 いい感じのものが揃っていますね。 Penultimate スタイリッシュで簡単に使えるスケッチツール。$2.99 iDesign ベクタータッチのスケッチができるアプリ。$4.99 SketchBook Pro これは結構有名ですね。僕もiPadで使っています。操作が簡単でオプションも豊富なアプリ。$7.99 Adobe Ideas 1.0 for iPad Adobeの提供するスケッチアプリ。無料 SketchPad – Vector Drawing 指でベクターのスケッチが描
iPadでFlashが利用できる「Frash for iPad」をインストール
(02/23) 落としてないのにApple Vision Proの前面ガラスに亀裂が入ったと複数ユーザーが報告 (02/22) Apple Vision Proは返品とオークションに出すのはどっちがお得？ (02/21) AI対応のiPhone 16は内蔵マイクの集音性と防水性能が向上 (02/21) 「水没したiPhoneを米袋の中に入れないで」というアホな注意事項がAppleサポート文書に記載 (02/20) 中国で急成長する折りたたみスマホ市場、縦開きと横開きのどちらが人気？ (02/20) iPhone 16 Proの新色はデザートチタニウムとグレーチタニウムか (02/20) Vision Pro専用の電子コミックリーダーは空間で漫画を読める (02/19) 大胆な変貌を遂げるiPhone 16 Proのカメラユニットの噂 2010年7月13日 Cydiaアプリ, iPad Ti
Lunascape、iPad用タブブラウザ「iLunascape」をリリース | パソコン | マイコミジャーナル
Lunascapeは29日、iPad用タブブラウザ「iLunascape」を米国時間7月29日にApp Storeで公開すると発表した。価格は無料。 「iLunascape」 iLunascapeは、同社のiPhone/iPadアプリ開発参入第一弾の製品となる。iPadで快適なタブブラウジングを可能にすることをコンセプトに、同社のWindows用ブラウザにおける経験を活かして開発された。タブや主な操作ボタンを画面の下側に配置したことで、iPadを自然に持った状態で快適なタブブラウジングが行える。 タブは最大6個。iLunascapeでは非アクティブのタブも動作しているため、YouTube動画を再生しながら別のタブを閲覧するといったことが可能。タブを切り替えるたびに再読み込みが発生することもない。ページのキャプチャ機能を備えているので、画像として保存しておけば通信不可の環境でもWebページに
LPI-JapanがiPadアプリ版「Linux標準教科書」を無償提供
LPI-Japanは2010年7月28日、iPadアプリケーション版「Linux標準教科書」の提供を開始した。App Storeから無償でダウンロードできる。 LPIはLinux技術者認定試験（LPIC：Linux Professional Institute Certification）を実施している国際組織で、カナダに本部がある。LPI-Japanは日本でLPICの普及・促進を行っている特定非営利活動法人（NPO法人）。 「Linux標準教科書」はLPI-Japanが作成し、2008年9月よりPDF形式で無償配布している。高校、大学、専門学校などで教材として利用されており、これまでに10万件ダウンロードされているという。 ◎関連リンク ◆Linux標準教科書（LPI-Japan）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みんなのiPhone(iPod touch)、iPadのスクリーンショットを見て楽しむサイト「iScreenShot」