タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

SVGに関するchalcedony_htnのブックマーク (3)

  • 今年こそついにSVG元年?まだ間に合う!SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)

    先日AdobeからこのようなJavaScriptライブラリが公開されました Snap.svg http://plus.adobe-adc.jp/post-4817/ 以前から人気の高かった、IE6でもSVGを表示できるJavaScriptライブラリRaphaelの作者 Dmitry Baranovskiy氏による新たなライブラリで、Raphaelとの違いはSnap.svgではIEなら9以上対応とモダンブラウザを対象にしたこと。さらに自由度と表現力の高いことができるようになっているのが大きな特徴です。 こうしたJavaScriptライブラリがオープンソースで、そしてAdobeから公開されたのは大きなことでこれからSVGもどんどん普及していくのではないでしょうか。 まさに2013年こそついにSVG元年と言えるかもしれません*1。 ……とは言え、そもそもSVGってなに?という人もまだまだ少なくな

    今年こそついにSVG元年?まだ間に合う!SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)
  • Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)

    このエントリーはGraphical Web Advent Calendar 2013 への参加記事です。 今日は12月3日、ということで Advent Calendar の3日目は私id:rikuoが担当します。今回はSVG画像ファイルを1バイトでも削るためのコードゴルフのTipsを紹介していきます。 コードゴルフって? まずコードゴルフとはなにか?の説明から。 コードゴルフとは任意のソースコードを出来るだけ短く書くことを目的にしたものです。そのコードの動作を損なわなず、かつ可能な限り短縮して記述する手法を試行錯誤していく様子が、ゴルフのように少ない打法で競うところに似ていることからこのように呼ばれています。 またそれを競技としたコンテストも催されていますね。 画像のファイルサイズ低減策 JPEG、GIF、PNGといったビットマップ画像であればファイルサイズを低減する方法やソフトウェア・ツ

    Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)
    chalcedony_htn
    chalcedony_htn 2014/01/24
    超ボリューム記事。Illustratorでの作成段階で心がける点について→最適化ツールについて→スタイルシートの最適化→SVG文書構造の最適化
  • Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術! - 聴く耳を持たない(片方しか)

    これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは? まず始めに、SVGとは何か?の簡単な説明です。 SVGとはScalable Vector Graphics(スケーラブルベクターグラフィックス)の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル(ドット)ごとに色を表現したもので、総じてラスター(ビットマップ)画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮

    Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術! - 聴く耳を持たない(片方しか)
    chalcedony_htn
    chalcedony_htn 2012/12/06
    SVGを書き出すときの設定と書き出した後の軽量化について。単なるTipsというより構造解説みたいになってる。Illustratorでの書き出し設定の解説あり
  • 1