スマートフォン解像度 CSSピクセル一覧 | 用語解説 | web showcase : s-ej web tips
スキップナビゲーションリンク 本文へ ナビゲーションへ web showcase : s-ej web tips HOME SHOWCASE SAMPLES blog "sej line" HOME 用語解説 スマートフォン解像度 CSSピクセル一覧 スマートフォン解像度・CSSピクセル一覧 Tweet デバイス CSSピクセル （ブラウザピクセル） デバイス ピクセル比 デバイス解像度 インチ iPhone 6 Plus 414 ✕ 736 2.61...(＝ 3 ÷ 1.15) 1080 ✕ 1920 5.5 iPhone 6 375 ✕ 667 2 750 ✕ 1334 4.7 iPhone 5S 320 ✕ 568 2 640 ✕ 1136 4 iPhone 5 320 ✕ 568 2 640 ✕ 1136 4 iPhone 4S 320 ✕ 480 2 640 ✕ 960 3.5
How to check if the Flash players is installed on Android
Is there any special reason you need to check from Javascript and not from the Java code? From Java code, you can do something like this: Intent intent = new Intent(); intent.setComponent(new ComponentName("com.adobe.flashplayer", "com.adobe.flashplayer.FlashExpandableFileChooser")); PackageManager pm = getPackageManager(); List<ResolveInfo> activities = pm.queryIntentActivities(intent, 0); if (ac
スマートフォンとposition:fixedのバグ
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル（user-scalable=noあり） サンプル（us
Android2.2と2.3でtransform:rotateが効かなくなるバグ
CSS3の tranform:rotateをつかうと、要素をすきな角度に傾けられますが Android 2.2 と 2.3 では、user-scalable=noとposition:fixedがそろうと、これが効かなくなるバグがあります。 metaタグのviewportで、ピンチイン・ピンチアウトでのズームイン・ズームアウトを禁止するuser-scalable=noを設定 親要素に、固定配置のposition:fixed; を設定している たとえば、こんなふうに画面の下端に矢印つきのボタンをつけるスタイルなんかがバグの影響をうけます。 <div class="fixed"> <a class="button">NEXT</a> </div> .fixed { position: fixed; bottom: 0; left: 0; right: 0; height: 66px; paddi
Wowza Media Server を使って 音声をスマホでストリーミングする - スタジオ・アルカナ技術ブログ
Wowza Media Serverを使ったのでメモですですです。 ※完全に解決はできていない...( ) 目的 とりあえず、以下の端末で再生させる事を目標に頑張りました。 iOS端末 1. iPhone 2. iPad 3. iPod Android端末 1. Android 4.0以降 iOSの場合 iOS系端末では、HLS(Http Live Streaming)が利用でき、音声ファイルも mp3,AAC(m4a)に対応しているので、ただ audioタグを書くだけ。 <audio controls> <source type="audio/mpeg" src="http://fuga.com:1935/vod/_definst_/mp3:hogehoge.mp3/playlist.m3u8"> </audio> Androidの場合 問題はAndroid... Android 4
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
スマホ最適化、スマートフォン制作に関するメモ – T2
1．デバイス依存をどう乗り切るか。 エクスぺリア、iPhone、ギャラクシーはこれといった影響なくできていたのですが、 REGZAでFirefoxなどを使った時はもうね。泣きそうになりましたよね。 原因はmoz系に対応するjsとCSS3の記述を全て行っていなかった事だと思います。 初めにどのデバイスでどこまで対応するのかという仕様策定をしてから始めないと モバイル同様苦しむ事になるので注意が必要です。 androidのopera等。 2．横にした時の見え方。 これは意外と苦戦しました。縦だと綺麗なのにスマホサイトでよく見るwidth:100%とかを 適所に使わないといけない。 float:left; とかで2つの要素を詰めないと、縦では詰まっていたのに、横では両端に広がってしまうとか。 それによってhtmlの記述を変えないといけなくなったりとか。 2012/09/26 以前は上記の様に書い
WordPressでKtai Styleを使ってjQuery Mobileスマートフォンサイトを制作する流れ
前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので作業の流れをまとめました。 WordPressのプラグインKtai Styleを使ったjQuery Mobileスマートフォンサイトを制作する流れです。 前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので 作業の流れをまとめました。 やり方は人それぞれだと思いますが、 作業の参考になってくれたら幸いです。 ラフの作成 HTMLマークアップ デザイン（テーマ）のカスタマイズ WordPressテーマ作成 Tipsなど 1.ラフの作成 一般的なwebサイト制作と同様にまずラフを制作します。 また、jQuery Mobileの特徴でもある画面遷移時の効果や、 表示のされ方などもこの時点で決めて
WordPressでKtaiStyleとjQuery Mobileを使ってスマホ対応サイトを作る方法
「ライターも増えたし、この機会にスマホ対応にしよう」なんてどうでも良いことを思い立ち、あーだこーだしてみました。 「jQuery Mobile」というjavascriptのライブラリを使えば簡単にスマホ対応サイトに出来るらしい、ということは前からなんとなく知っていたので、「簡単にできるだろう」なんて思って始めたのですが、Ktai Styleとの兼ね合いでいろいろ苦労しました。。 WordPressでPC、スマホ、ガラケーに対応する場合、よく使われるのは Ktai Style + WPtouch の組合せみたいです。最初はその方法で行こうかと思っていたのですが、調べたらWPtouchには無料のWPtouchと有料のWPtouch Proがあって、無料版はなんかいろいろ制限があるっぽい(通りでみんな似たような見た目になってるはずだわ)。 しかし、$39も払って自分でテーマ作るってのもシャクナベ
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
DeNA Creative Seminar #2 に行ってきました - しるろぐ
7/23(月)に行われたDeNA Creative Seminar #2に参加してきました。 ちょっと出遅れた感じがありますが、社内へのフィードバックも終わったので軽くまとめます。 概要 スマートフォンのUI/UXをテーマとして、フロントエンドエンジニア、UI/UXデザイナーなど、スマートフォンアプリやWebサービスのフロントエンドに関わる方々を対象とした勉強会 講演内容 Session 1: ブラウザレンダリングについて Session 2: ソーシャルコマースサイトの企画と実装 Session 3: Scrum = 爆速 x 品質 Session 1: ブラウザレンダリングについて ブラウザについて Android Android 標準でついてくるやつ Chrome 4.0からつかえるよ firefox Gecko を利用 Dolphin auが推奨していてプリインストールする噂 iP
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
jQuery（JavaScript）でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法｜BLACKFLAG
最近のWebサイト制作では、通常のPCサイトを制作するだけでなく iPhoneやAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、 デバイス毎にアクセスさせるURLを分けることも増えてきました。 その様な場合のデバイス制御に使える（であろう） iPhone、iPad、AndroidでPC向けサイトへアクセスした際など、 jQuery（JavaScript）を使って簡単に別のURLへリダイレクトさせる方法を紹介してみます。 jQuery(JavaScript)でiPhone,iPad,Android(アンドロイド)を判別してリダイレクト 例として、サイト構成が以下の様なURLとします。 ——————————————————- 【PC向けサイト】 ｈｔｔｐ：//black-flag.net/sample/pc/ 【スマートフォン向けサイト】 ｈｔｔｐ：//b
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Supported media formats | Android media | Android Developers
Sign in - Google Accounts
Firefox for Android をリモートデバッグ
新着記事
GitHub - thebird/Swipe: Swipe is the most accurate touch slider.
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ