Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構ｲｲ！（・∀・）※Win用 - かちびと.net
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
タッチスクリーン時代のドロップダウンメニュー考察 | 高橋文樹.com | デザイン
この投稿は 13年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 マウスオーバーによるドロップダウン 現在受託案件で細々と食いつなぎつつミニコme!開発という絶望街道まっしぐらで気分が塞ぎがちなので、先ほど考えたことを書きます。 一つのWebサイトでどれだけ多くの閲覧環境に対応するかというのはWeb制作業界人がこぞって悩んでいるところだと思いますが、今日はグローバルナビゲーションとドロップダウンメニューについて考えてみます。 iPadのみに対応するということ 「閲覧環境が様々」とはいえ、無限のパターンに対応するのは現実的ではないなので、基本的に想定されているのはざっくりわけて以下の四つだと思います。 PC タブレット型PC スマートフォン ガラケー 今回はiPadに代表されるような、「タッチスクリーンを持ったタブレット型PC」に限定して話
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
『WebのスキルでiPad/iPhoneアプリ風のWebアプリ作成のまとめ』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ iPhoneやiPadのアプリを作りたいけど、iPhoneアプリ初心者なので 作るにはObjective-Cを覚えたり登録したりお金かかったりとか iPhoneアプリの作成にはハードルがちょっと高い。 そこで、今までのWebの知識を活かして、Webアプリにしようと 思って試してみた。 基本的な知識を理解しなければいけないので、超簡単なWebアプリを作成してみた。 だた、写真を100枚表示するだけ。 Webアプリと呼べるのだろうか？ 今回は、基本的な知識を知りたかったのと分かりやすいので Webアプリと呼ぶことにします。 完成したものはこちら！iPhon
capeknote
localStorageをつかったJSでipadで以下のエラーがでてこまった。 QUOTA_EXCEEDED_ERR DOM Exception 22 しらべてみるとローカルストレージ満杯のときにでるらしいけど・・・でも消してるし満杯にならないはずなんだけどなー。 でググったらstackoverflow.comで答えてくれてた。 →Is anyone else receiving a QUOTA_EXCEEDED_ERR on their iPad when accessing localStorage? localStorage.removeItem(key);//この行を追加。一度消してから書き込む localStorage.setItem(key,value); いちど消した方がいいっぽい。それで直った。 とりいそぎメモっとく。 判別iphoneまたはipadの判別 if(
iphoneサイト制作のメモ – capeknote
とりいそぎメモっとく。 判別iphoneまたはipadの判別 if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) { //ipadまたはiphone } iphone4の判別 JS if(window.devicePixelRatio == 2) { //iphone4 RetinaDisplay } iphone4の判別 CSS →参考：Fonland:iPhone 4 の CSS を切り替える方法 タテヨコの判別 window.addEventListener('orientationchange', function(e){ if(Math.abs(window.orientation) === 90) { //ヨコ向き } else { //タテ向き } }); アイ
App Sites - Showcase of great iPhone & Mac app websites
App Sites is a gallery of the coolest iPhone & Mac app websites.Copyright © 2009 App Sites - Contact: appsites@toopia.com - Subscribe to RSS Feed - Follow us on Twitter - Made by Toopia Apple, the Apple logo, iPod, and iTunes are trademarks of Apple Inc., registered in the U.S. and other countries. iPhone is a trademark of Apple Inc.
iPhone,iPadをPC上でエミュレータ「iBBDemo2.0」使い方？快適にシミュレーター可能
あなたのサイトやブログは今大流行中のアップルのiPhoneやiPad（日本ではソフトバンク販売）でどのように見えるだろうか？iPhoneやiPadが手元になくても見える方法はないのか？このブログはiPhoneで以下のように見えました。 iPadでは以下のようにシミュレーション（デモンストレーション）できました。 私のこのブログはＰＣでシミュレーションしてiPhoneやiPadを画像にあるように見えることを確認しました。日本語がないので苦労しましたが、このシミュレーションを可能にした無料エミュレータのソフトの「iBBDemo2.0」の使い方とは？ 無料ソフトのエミュレータ「iBBDemo2.0」の使い方 iPhoneやiPadでどのように見えるのかを簡単にＰＣでシミュレーションしてくれるエミュレータが「iBBDemo2.0」ですね。この優れもののソフトはアップルのＳａｆａｒｉ（サファリ）とい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[iOS] 夏だ！脱獄の季節だ！iOS 5.1.1 JailBreakの方法 ＆ 注意点 ＆ 運用を総おさらい！![[iOS] 夏だ！脱獄の季節だ！iOS 5.1.1 JailBreakの方法 ＆ 注意点 ＆ 運用を総おさらい！](https://cdn-ak-scissors.b.st-hatena.com/image/square/df4fcd18cb2bd8c17f6b1b509692ed9efbb563bb/height=288;version=1;width=512/https%3A%2F%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2F2012-summer-ios511-jailbreak-review-00.jpg)
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる