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
How to Create a Website Using Only iPad
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
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用
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ: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」ですね。この優れもののソフトはアップルのＳａｆａｒｉ（サファリ）とい
iPad simulator in HTML and JS
Let me tell you what a crazy week it’s been regarding my iPad Simulator A little background I’ve thought about creating the iPad simulator shortly after I bought my iPad. I was fascinated by the UI and wanted to see if I can recreate it. This isn’t the first online simulator I’ve built, before this, was a Nokia n97 simulator, also built with JS + CSS (http://nokian97.co.il) I’ve uploaded the iPad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社たからのやま
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる