商用利用OKのフリーアイコンダウンロードサイト。テイストを揃えているので様々な案件で使いやすい!パスデータが生きているから簡単にカスタマイズもOK!
以前、「元画像を変更せずに画像をグレースケールで表示する」という記事で「canvasでの変換は重いから現実的じゃない」みたいなことを書いたのですが、-webkit-filterが使えるようになった(なる)ことにより、もう少し負担を減らして使えるのではないかと思いました。 そこで、なるべくcanvasでの変換を行わずにやってみようと思います。 今回作ったものはこれです。 Grayscale Image Gallery 2012年3月5日 21:24 追記: Firefoxをご利用の方で、環境によっては、CSSグラデーションをbackground-sizeで小さくしてbackground-repeatで敷き詰めると、gfx.direct2d.disabledがfalseの場合にフリーズするようです(Firefox 10.0.2で確認)。 Firefoxで見ても安全なデモページはこちらです。 本
この記事は SVG Advent Calendar 2014 の2日目の記事です。前日の記事は、t_motooka さんの「clip と transform との組み合わせ – 職業プログラマの休日出勤」でした。 SVG の filter 要素を使うとどんなことができるのかという基本的なことと、filter 要素を使ったわりと簡単にできるマウスオーバー効果の作り方をご紹介します。 filter 要素でどんなことができるのか filter 要素では SVG 内の画像をぼかしたり、色相を変えたりするようなフィルターを作ることができます。 ただ、filter 要素単独でフィルターを作る訳ではなく、原始フィルター(フィルターの効果を定義するようなもの?)と呼ばれる要素を子要素として記述しセットで使います。 原始フィルター要素は、feGaussianBlur(ぼかし)・feColorMatrix(明
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
div要素の背景画像としてSVGを使用します。 SVGMagicの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="SVGMagic.min.js"></script> </head> SVG画像をPNG画像に変換するのには、PHPを使用しています。 converter.php(ダウンロードファイル一式に含まれています) SVGMagic.min.js内では、配布元のサーバーのファイルを参照してい
ロゴ制作時に使えるTIPSをご紹介。 アイデア捻出とかでロゴをザーッと見たいとき、Google画像検索で検索ワードに「logo」とか入れて検索すると思います。 そこに「filetype:svg」を追加してファイル形式を「SVGファイル」のみに制限することで、高解像度のロゴのみを検索できます。 サンプル でも、SVGファイルって何でしょうか? SVGファイルってなんなのさ SVGフォーマットはJPEGやPNGなどのピクセル形式の画像ファイルとは違い、イラストレーターのようなベクターデータ。つまり何処までも拡大できます。なので正確には高解像度というのは間違い。 Webページにベクターデータを埋め込む用途を意識して開発されたので、中身はXMLで書かれてます。つまり普通にテキストエディタで開けば直接データが見えます。もちろん編集もできます。 ウィキに掲載されてるロゴはSVGファイルの場合が多いです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く