今年気になった・ダウンロードしたアイコンセット − 2015 - NxWorld今年見かけたアイコンセットの中で、個人的に好みだったものやダウンロードしたアイコンセットの備忘録です。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 アイコンによってはフリーで使用・ダウンロードできるのは一部のみで、すべてのアイコンを使用・ダウンロードしたい場合は有償になるものもあります。 The Flat Superheroes & Villains Icon Set (100 Icons, PNG & SVG) 形式: PNG, SVG
Free Multi-Purpose Iconsets to Download
Looking for the right icons for your application? How about some vector icons? In this post we have gathered 20 multi-purpose iconsets that you can customize to your whim, then download and use for your next project. Best of all, you can use them all for free. You will need to go to each of the different sources to download the icon set files, though. All in all, there are hundreds of icons featur
手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック
手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック 手書きのイラストをスキャンし、Illustratorで編集可能なSVGファイルにしてしまう。そんな、魔法のようなモレスキン・スマートノートブックが登場しました。 モレスキン・スマートノートブックといえば、これまでEvernoteと連携したものがありましたが、今回のそれはAdobe Creative Cloudにファイルを取り込むことができるタイプです。 今回、モレスキン・ノートブックを販売している株式会社エムディーエス様からレビュー用に一冊ノートを頂きましたので、さっそくその機能についてみてみたいと思います。### スケッチ用の厚手のノート Adobe Creative Cloudと連携するモレスキン・スマートノートブックは、ラージサイズの160ページの厚手の中性紙で作られたイラスト
多目的に使えるシンプルなデザインがいい！約800種類のアイテムが揃ったSVGのアイコン素材 -Glyph
シンプルで種類が揃っているアイコンは、見つけるのが大変。 Webサイトやアプリなど、ビジネスからポートフォリオや個人ブログまで多目的に使えるさまざまなアイテムが揃ったシンプルなデザインのSVGのアイコン素材を紹介します。 タイトルは800種類だとキリがいいのですが、799種類なので約800種類で。 Glyph Glyph -GitHub SVGアイコンをWebページに配置する方法 Glyphアイコン799種類とダウンロード方法 SVGアイコンをWebページに配置する方法 SVGアイコンをimgタグで配置 SVGアイコンを普通の画像のようにimgタグを使って配置します。 <img src="svg/si-glyph-bicycle-man.svg"> SVGアイコンをインラインで配置 SVGアイコンをエディタで開き、コードをコピペして配置します。右向きのアローだとこんな感じに。 <svg v
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
SVGアイコンを実用するために知っておきたい、リンク周りの記述方法
2014年6月30日 SVG 以前書いた「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基本的な記述方法を覚えて実用化していきましょう！ ↑私が10年以上利用している会計ソフト！ SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼ることはできません。svg タグの中のオブジェクトを a タグで囲み、xlink:href 属性でURLを指定する必要があります。 <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D" ... > </a> </svg> See the Pen SVG
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインも技術もアイデアも素晴らしい！SVGを使ったアニメーションの力作 -パンダ工場の秘密