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
![スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/df1360d840a406c2fb6f8027e80ec00086f3d2fa/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fslide-130913021648-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
<目次> スマートフォンサイトは横幅320pxで作ろう! スマートフォンの解像度は横幅320pxではない? スマートフォンサイトでは画像を大きめにしよう スマートフォンサイトを作るときに必ず目にするのが『viewport』です。以下の記述をすることがスマートフォン対応の第一歩です。 <meta name=”viewport” content=”width=device-width> これは「サイトの横幅をデバイスの横幅に合わせます」という指定です。一般的なスマートフォンのデバイスの横幅は320pxになっています。なのでこの指定をしておくことでサイトを作成する際に横幅320pxを前提にレイアウトすることができるのです。 逆にこの指定をしていないとスマートフォンに最適化されていないPCサイトのように小さく表示されてしまいます。 参考:携帯サイトのスマートフォン対応のポイント! ~スマートフォン
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く