タグ

ブックマーク / makoto-tanaka.com (2)

  • 【スマートフォン制作】スマホで圧倒的に速くするDATA URIのあれこれ – T2

    読了: 約 6 分 前職の時には使用しなかったので詳しい事はあまり分かっていなかったのですが、 現在スマホのブラウザアプリをごりごり創っていて、data URI Schemeも結構使えるんじゃなかろうかという事で 簡単にメモ・おさらいしておきます。 目的 ・HTTP Requestの回数削減によるスマートフォンでのページ高速化 使用されている方はもう分かっているかと思いますが、 CSS spriteとどっちがいいのかなという事で。 そもそもdata uriって何?URLなの? 正直そう僕も思っていました。 そうしたら、英語の記事でも、『URI,not URL』とそんな事が書かれていました。笑 そもそものuri schemeについて これについては分かり易い記事があったので、こちらを参考にしてください。 メリット・デメリット メリット パフォーマンスが上がる CSS spriteで大量発生す

  • 【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは – T2

    CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは 2月 1, 2013 admin 読了: 約 3 分 画像が膨大な数になったときに、画像の取り扱いについて(png,jpg)をどうするか、 CSSスプライトで何枚用意するのか、一枚に完全に纏めるのか、それともページ単位やカテゴリー単位でもうけるのが 良いのか少し気になったので調べてみました。 目的 ・フロント側で出来る更新性とパフォーマンスの両面から見た現状の最適な答えを見つけ出すため はじめに すでにフロント側で出来る高速化まとめみたいなものを作っていたのですが、 画像のみやCSSだけに焦点を当てたものが少なかったのでさらに調べてみたいと思ったので、 デザイナーさんやマークアップの方向けにまとめてみます。 ページの構造・設計から考える そもそもCSSスプライトする画像が膨大になったときにカテゴリーやページ

  • 1