タグ

最適化に関するfumix-hatのブックマーク (2)

  • iPhone対応したサイト構築のための基礎情報 « nulldesign

    iPhone用のサイト制作の仕事が来そうなので、前もって情報をさっくりと集めておいたのですが、せっかくなので公開してしまおうと。特に目新しい情報という訳ではなくて、いろいろと散らばっていた物をまとめた物です。 iPhone対応と最適化(提案ベース) iPhoneの仕様的な部分 実相時のiPhoneの判別方法 html実装まわり viewport設定 ホーム画面にアイコンを表示 manifestファイルの設定 iPhone対応と最適化(提案ベース) ・iPhone対応 → iPhone搭載のSafari4対応 ・iPhone最適化 →  ・3G通信、Wifi通信を考慮 ・UIのカスタマイズ ・ブラウザキャッシュの最適化もしくは調整等々 ・manifestファイルの設定 ・ローカルストレージによるデータの保存 iPhoneの仕様的な部分 ディスプレイサイズ 320px * 480

  • 軽量化を制するものはサイトを制す!! | _level0 - KAYAC Front Engineer Blog

    遅かれ今年初エントリーなので、改めまして明けましておめでとうございます! 今回はデータの軽量化についての策を出していこうと思います。 アニメーションベースのサイトを制作すると、いつも頭を悩ますのが”重さ”です。 せっかくアニメを作って組み上げたはいいもの、サーバに上げてみると重くて観れたものじゃないってことがあります。 その原因は大きく分けて3つ… 【素材】 ①サイズの大きいビットマップ ②アンカーポイントの多いベクターデータ ③アウトラインが線 ④シンボルに変換せず素材を使用 【タイムライン】 ①モーショントゥイーンを同じ時系列で複数配置 ②フェイドイン・アウト ③キーフレーム 【フィルターの使用】 ①ぼかし・ドロップシャドウなど そしてこれらの問題を改善する方法とは… 【素材】 ① ・画質を若干落とし、劣化した場合にはスムージングで対処 (ビットマッププロパティで設定) ・GIF画像に

    軽量化を制するものはサイトを制す!! | _level0 - KAYAC Front Engineer Blog
  • 1