タグ

svgに関するlordkfのブックマーク (3)

  • すごい簡単!UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ -vivid.js

    WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVGアイコンが全部商用利用無料 vivid.jsでは現在90種類以上のアイコンが利用できます。 手作業で追加するのも可能で、リクエストも受け付けています。 超軽量ライブラリ オリジナルのSVGアイコンのちょうど半分のサイズで実装された超軽量ライブラリ。他のCSSJavaScriptなどの依存は無しです。 SVGアイコンは使用もカスタマイズも簡単 アイコンはHTMLで簡単に使用でき、サイズやカラーはdata属性でカスタマイズできます。 MITライセンス 個人でも商用でも無料で利用できます。

    すごい簡単!UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ -vivid.js
  • TRASS CO., LTD.

    こんにちは。トラスブログ編集長(自称)のくっしーです。 Web制作の際に利用する画像といえば、jpg、gif、pngが主流です。 しかし、レスポンシブWebデザインなどのマルチデバイス対応が進むにつれ、画像を大きく作っておいて縮小表示させなければならなかったり、スマホだとボヤけて表示されてしまったり、何かと面倒なことが多いです。 そんな中、注目を浴びたのが「SVG」と呼ばれる画像形式です。 SVGとは? SVGとは Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)の略称で、XMLベースの、2次元ベクターイメージ用の画像形式の1つです。 つまり、jpgやpngのようなビットマップデータで作成されているものとは違い、イラストレータなどと同様のベクターデータで作成されているため、拡大や縮小に強いということです。 SVGはXMLで出来ているので、テキストエ

    TRASS CO., LTD.
    lordkf
    lordkf 2017/12/25
  • Raphaël―JavaScript Library

    The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra

    lordkf
    lordkf 2010/06/24
    SVG/VMLを利用するクロスブラウザで軽量(18KB)なベクターイメージ操作ライブラリ。IEにも対応。
  • 1