ASCII.jp：いまさら聞けないSVG——Web制作に便利な3つの理由 (2/2)｜本気で使いこなす「SVG」再入門【2015年版】

2015/04/06 26 users SVG 図版 縮小 ラスター画像 マルチデバイス対応

Web制作でSVGが役立つ3つのシーン 前に解説したとおり、SVGはラスター画像の画像フォーマットとは異なる性質を持っています。この性質をWeb制作のさまざまな場面で活かせます。 レスポンシブWebデザイン SVGは拡大・縮小に強いで、レスポンシブWebデザインで有効です。ロゴ画像や、図版に使えば、1つの画像ファイルでスマートフォンからPCまで対応できます。 マルチデバイス対応 「拡大・縮小に強い... 続きを読む

ASCII.jp：本気で使いこなす「SVG」再入門【2015年版】

2015/04/06 33 users SVG ASCII.jp 再入門 yomotsu おやま

第1回 2015年04月06日 13時00分 いまさら聞けないSVG——Web制作に便利な3つの理由 SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説する新連載がスタート。まずはSVGの特徴とWeb制作での使いどころを紹介します。 著者：小山田 晃浩（おやまだ・あきひろ） 株式会社ピクセルグリッドに所属するフロントエンドエンジニア。インターネット上では@yomotsuのID... 続きを読む

ASCII.jp：いまさら聞けないSVG——Web制作に便利な3つの理由 (1/2)｜本気で使いこなす「SVG」再入門【2015年版】

2015/04/06 145 users SVG CSS 装飾 テクニック ASCII.jp

スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） W... 続きを読む