スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法9. パフォーマンスは高くない Android 4.0.4 Mobile Safari 6.0 Chrome 26.0.1410 0 100,000 200,000 300,000 400,000 361,156回/秒 77,906回/秒 53,235回/秒 jsPerfにて1秒間に処理できる createElement の回数を計測：http://jsperf.com/loop-130517-01/2 GALAXY NEXUS iPhone 4S MacBook Air
UI設計におけるスマートフォン対応のまとめ
2. スマートフォンにおけるバグおよび問題まとめ ・共通 ・Android ・iOS - イベントバブリング対応 - CSS アニメーションが遅い - position:fixed のバグ - 端末画面サイズへの対応 - text-shadow バグ - Flash の問題 - CSS3 アニメーション＋box-shadow 問題 - jQuery アニメーション - scroll ができない のメモリリーク - z-index が効かなくなる - 下層レイヤーが反応する - フォントが無い - font-weight:bold が使えない - フォーカスがずれる件 - translate3d によるバグ - touchend イベントが発生しない - select や input[type=text] フォーカス時の挙動 - mask-image＋アニメーション問題 - ... - 端末依
user-scalable=noとposition: fixedを使用すると、-webkit-transformが動かなくなる - jsdo.it - Share JavaScript, HTML5 and CSS
fixedなしバージョンはこちら。 http://jsrun.it/esperia/plhF ( http://jsdo.it/esperia/plhF ) ※jsrun.itの方か、Smart Phoneボタン押さないとちゃんとうごかないです Androidでuser-scalable=noの時、-webkit-transformを使って回転させる要素とは別の要素にposition: fixedをつけた場合、回転させたい要素にも影響する問題。 Android 2.2, 2.3で確認しました。position: fixedがあったら回転しません。なかったら意図した動作になります。 バグですかね… <!doctype html> <html> <head> <title></title> <meta name="viewport" content="user-scalable=no" />
iOS5なのにposition:fixed;が効かない時に確認すること | Culture27
なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ？と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。 HTML5 Rocks - Improving the Performance of your HTML5 Appの「The magic CSS bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています（アニメーションの描画がスムーズになる？）。 GPUアクセラレーションを有効にするスタイル
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
iPhoneは -webkit-transform: translate… とその子孫に position: fixed; が効かない
iPhoneは -webkit-transform: translate… とその子孫に position: fixed; が効かない <a href="http://demos seroquel 50 mg.jquerymobile.com/1.4.3/panel/”>jQuery mobileのPanelのpushのよう 本文が横スライドしてメニューがせり出してくるナビがついたウェブサイトに スクロールに追従して画面の下へ固定表示するボタンを追加しようとしたら… iPhoneで全く追従してくれない。 iPhoneやChromeでiposition: fixed; が効いてくれない場合は -webkit-transform: translate… を併せて設定しているか親要素に設定していないか確認してみてください。 参考記事で知ったのですが -webkit-transform: tran
Fixed固定ナビゲーションを設置するときに気をつけたい4つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォン対応、気をつけたいトラブル