WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVG ...

【JavaScript】SVG要素に対するマウスイベントの捕捉とインタラクティブなUI実装 - 森の株【JavaScript】SVG要素に対するマウスイベントの捕捉とインタラクティブなUI実装 | 森の株 概要 SVG（Scalable Vector Graphics）はHTML DOMの一部として扱われるため、&概要 morinokabu.com ...

「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像ファイルを用意することなく図形を表示できます。 従来、図形や ...

面白そうなJavaScriptがリリースされました！ SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで ...

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

気になることを自分でネットで調べつつ、AI birdに ついでに記事を書いてもらってるここ数日 今日はsvgアニメーションについて記事を書いてもらってみました ではどうぞ。 SVGアニメーションとは？ SVGアニメーションとは、スケーラブルベクター ...

「Simple Icons」は多数のブランドのアイコンをSVG形式でダウンロード可能なサイトとのことなので、どんなサイトなのか実際に確かめてみました。 サイトにアクセスするとこんな感じ。 そのままでも特に問題なく使えそうですが、日本語バージョンが用意さ ...