JavaScript

iPhoneでWebアプリをデザインするときに気をつけたい、「jpg」ではCSSスプライトができない

css_sprite そーいえば以前のことになりますが、 iPhoneでWebアプリをデザインするときに気をつけたいことがありました。「jpg」ではCSSスプライトができないんです。 とはいえちゃんと確認したのは2012/8/13日のこと。 Webアプリケーションを作っていると、CSSスプライトを使う機会が増えてきています。画像のファイルを軽量化したいのと、体感速度を上げたいから。 そこで「png」よりもファイル容量が小さくなる「jpg」でCSSスプライトをやれば、アプリの軽量化につながるんじゃないかと思って実装してみました。 すると Android端末では問題なく動作しているのに、 iPhoneでは正常な動作にならなかったんです。 ファイルを「png」に戻してみると、AndroidとiPhoneのどちらでも動作しました。 CSSスプライトを使うときはiPhoneを対象にするならファイルは「png」にしといたほうが無難だと思います。 iOSのアップデートなどで、この先使えるようになるかもですが。 ねんのためメモでした。

関連記事

  1. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

  2. data_access.jpg

    JavaScript

    JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

    JavaScriptのコードの中では、どこにデータを格納するかでコ…

  3. trycatch.jpg

    JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

  4. QueryString.jpg

    JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる

    「クエリーストリング」っていうのは以下のようなGoogleで検索し…

  5. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

  6. 20120826222152

    JavaScript

    JavaScriptでテキストボックスから値を取得する

    テキストボックスに入力された値を取得します。Elementオブジ…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. お気にのiPhoneケース壊れた!! iPhoneの身代わりに壊れてくれたんでしょう、ありがとう

    ガジェット

    お気にのiPhoneケース壊れた!! iPhoneの身代わりに壊れてくれたんでし…
  2. 【IKEA】旅行のパッキングに最適♪ 「UPPTACKA(ウップテカ)パッキングバッグ4個セット」

    IKEA

    【IKEA】旅行のパッキングに最適♪ 「UPPTACKA(ウップテカ)パッキング…
  3. 日常

    赤字をなくすな!
  4. 日常

    生茶パンダ先生!?
  5. 日常

    雨の日は編集で
PAGE TOP