CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...

SVGで棒グラフのバーをアニメーションさせる ベクターベースのSVGは、多くの解像度へ対応が必要な場面でとても有効な技術と言える。今回はSVGの画像を、JavaScriptを使用して簡単にアニメーションしてみよう。 SVGで描かれた画像はベクター形式のため拡大 ...

SVGはScalable Vector Graphicsの略で、ベクターで定義された画像フォーマットのことだ。IEも9から正式に対応し、現実的に使えるテクノロジーになってきた。 HTML5ではcanvasという画像を扱う別の仕様があるが、ビットマップとして扱われるためSVGとは異なる。

次に、図形を拡大縮小させてみましょう。図形の拡大縮小にはscale()を使います。scale()は引数が1つの場合は縦横とも指定された倍率で表示されます。たとえば以下のようにすると縦横2倍のサイズで表示されます。 ここまでのサンプルは四角形や多角形と ...

iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するに ...

Googleは6月28日(米国時間)、FlashファイルをHTML5のデータへ変換するプロダクト「Swiffy」を発表した。SwiffyはFlashファイルであるSWFファイルをSVG、JSON、CSS3、JavaScript、HTML5などのデータへ変換し、Flashをサポートしてないブラウザでもコンテンツが見れるように ...