タグ

ブックマーク / design.kayac.com (2)

  • SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

    あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を(いろんな意味で)驚かしてきましたが、 ついに日、日でも公開されました! しかも日版に合わせてアニメーションも長くなっています! こっそりブラウザを英語にして見ていた人も必見です! (神風動画さんによる予告編動画!) 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装(プログラマーブログ) で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要! SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回

    dhrname
    dhrname 2011/04/26
    どうやって、SVGを軽量化したかについて
  • 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

    iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした! 待ってる間に、iPhone4も対象としたWEBアプリ(ネイティブアプリのweb view を含む) のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ? はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね! 拡大しなくても小さな文字が読めるなんてサイコー! ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・?! こういうイメージです。 そう、

    dhrname
    dhrname 2010/08/19
    Xperia (Android) はSVG対応ですよ http://d.hatena.ne.jp/dhrname/20100504
  • 1