VSCode上のマークダウン とDraw.ioでドキュメントを作成する - Qiita

2020/05/30 11 users Qiita SVG vscode draw.io ドキュメント

VSCode拡張機能 Draw.io Integration導入方法 先人の方がまとめて下さってます。⇒ VSCodeでDraw.ioが使えるようになったらしい！ Draw.ioでsvg形式のファイルを作成する 拡張子を.drawio.svgにしてファイル作成すると、Draw.ioに関連付けられ、svg形式のファイルを作画＆作成できます。 mdファイルにsvgを埋め込む mdフ... 続きを読む

SVG形式のファビコンを設置しよう | Webクリエイターボックス

2020/02/12 137 users ファビコン SVG PNG Webクリエイターボックス 画質

2020年2月13日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要は... 続きを読む

ブラウザー上でカスタマイズできるSVGアイコン、背景パターン、イラスト | Webクリエイターボックス

2019/04/19 26 users SVGアイコン SVG Webクリエイターボックス イラスト

2019年4月19日 SVG, Webサイト制作 高解像度ディスプレイでもきれに表示できるSVG形式の画像。アイコンの表示などでは一般的に普及してきたかと思います。SVG形式ではカスタマイズがしやすいところもメリットのひとつですね。今回はブラウザー上で簡単に自分好みに変更できるSVGアイコンや背景パターン、イラストを配布... 続きを読む

無料・商用利用OK！Web制作まわりで使えそうなアイコン作りました【Web Icons】 | Webクリエイターボックス

2019/03/13 37 users アイコン Webクリエイターボックス 商用利用 PNG 執筆

2019年3月13日 Webデザイン, ダウンロード プレゼンのスライド作成や書籍の執筆などで、ちょこちょこ作っていたアイコンがたまってきたので無料配布します。モニターやカーソルなど、制作まわりで使えそうなアイコン達です。PNG、SVG形式。商用利用もできるのでお気軽にダウンロードしてくださいね！ デザインのワンポイ... 続きを読む

WEB上で動くプレゼンテーション作成「Presentr」:phpspot開発日誌

2018/11/13 6 users PowerPoint ユーティリティ フローチャート 通貨

Presentr WEB上で動くプレゼンテーション作成「Presentr」 PowerPointなしでもブラウザ上でサクサクプレゼンテーション 関連エントリ ブラウザ上でリアルタイム顔認識JS「pico.js」 JSのコードをSVG形式のフローチャートにして見やすくする「js2flowchart」 通貨を扱う際のユーティリティ「currency.js」 続きを読む

商用も可！無料で使える手書き風ガジェット系ベクター画像60種！（AI,EPS,PDF,SVG,PNG)【フリー/手書き/イラスト】 - Web Design Facts

2018/06/01 35 users 手書き 商用 Web Design Facts SVG 商用可

2018 - 06 - 01 商用も可！無料で使える手書き風ガジェット系ベクター画像60種！（AI,EPS,PDF,SVG,PNG)【フリー/手書き/イラスト】 ベクター/Vector 素材 素材-商用可 素材-無料 デザイン Illustrator Photoshop SVG 今回は手書き風のガジェット系ベクター画像60種をご紹介します。 AI形式、EPS形式、PDF形式、SVG形式、PNG形式... 続きを読む

WEBサイト制作に役に立つ！商用利用可＆無料で使える今オススメのSVGアイコン8選【vector/フリーアイコン素材】2018年度決定版 - Web Design Facts

2018/04/17 19 users Vector フリーアイコン素材 SVGアイコン アイコン

2018 - 04 - 16 WEBサイト制作に役に立つ！商用利用可＆無料で使える今オススメのSVGアイコン8選【vector/フリーアイコン素材】2018年度決定版 SVG Vector Illustrator 素材 素材-商用可 素材-無料 Illustratorが使えない方でもお手軽に使える最近流行りのSVG形式のアイコン。 資料やスライド制作でのワンポイントや、WEB制作やブログ制作をする... 続きを読む

1KB以下でいろいろなソーシャルサービスのSVG形式アイコンを集めた「SuperTinyIcons」 - GIGAZINE

2017/11/27 24 users GIGAZINE GitHub supe ソーシャルサービス

「 ギガが減る 」ことを気にする人にとっては、たびたび読み込まれるサイトのロゴ画像は軽量であればあるほど嬉しいもの。テレンス・エデンさんはこの問題に取り組み、512ピクセル×512ピクセルでPNG形式ならファイルサイズが10KB以上になるようなロゴ画像を、SVG形式で1KB以下に抑え込みました。 GitHub - edent/SuperTinyIcons: Under 1KB each! Supe... 続きを読む

Feather - シンプルで美しいオープンソースのアイコンコレクション

2017/06/04 11 users Feather core アイコン 個別 ほか

オープンソースの無料アイコン素材集「 Feather 」。フロントエンド開発者Cole Bemisによって作成されたアイコン集で、機能的で一貫性があり、シンプルなことを目指してデザインされています。 svg形式で作成されていて、Downloadボタンを利用して一括してダウンロードすることができるほか、Webサイトの各アイコンをクリックして個別にダウンロードすることもできます。 アイコンは、CORE... 続きを読む

EPUB内にSVG形式で数式を配置する |

2017/03/06 19 users 数式

TeX2imgはSVGファイルも書き出せる 昨日ダウンロードした「TeX2img」は、SVGファイルも書き出せるようなのでやってみました。TeX2imgにコードを入力します。出力画像ファイル名の拡張子を「.svg」にして画像生成します。 無...TeX2imgはSVGファイルも書き出せる 昨日ダウンロードした「TeX2img」は、SVGファイルも書き出せるようなのでやってみました。TeX2imgに... 続きを読む

ブラウザから即起動！ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

2017/01/26 282 users APPGIGA ブラウ 0310lan SVG画像 アプギガ

どうも、まさとらん（ @0310lan ）です！ 最近は、Webサイトの制作などで「SVG形式」の画像を使うことが多くなっていますが、自分で作成してみたいと思ったことはないでしょうか。 そこで今回は、ブラウザから誰でも簡単に「SVG形式」の画像を作成できるように工夫されたオススメのWebエディタをご紹介しようと思います！ 【 Vectr 】 「Vectr」は、面倒なログイン登録なども不要で、ブラウ... 続きを読む

無料でウェブサイトに使える繰り返し背景パターンをカスタマイズしてダウンロードできる「Hero Patterns」 - GIGAZINE

2017/01/01 42 users ウェブページ GIGAZINE CSSコード 組み合わせ ほか

ウェブサイトで使いたくなる色んな柄の繰り返し背景パターンを、色の組み合わせや柄の不透明度を自由にカスタマイズ＆無料でダウンロード可能なのが「 Hero Patterns 」です。SVG形式のファイルをダウンロードできるほか、CSSコードをコピー＆ペーストすることも可能になっています。 Hero Patterns http://www.heropatterns.com/ デフォルト状態のウェブページ... 続きを読む

リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - ShikousakuGo

2016/04/06 221 users jpg PNG SVG スクリーンショ 自作

2016 - 04 - 06 リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました 自作 スポンサーリンク 閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショ... 続きを読む

IllustratorとIcoMoonでSVGスプライトのラクラク設定！ | Webクリエイターボックス

2016/02/10 102 users IcoMoon SVGスプライト Illustrator

繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、 symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい！新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「 IcoMoon App 」を使う方法に落ち着いたので、やり方を紹介した... 続きを読む

ロゴ制作やパーツ素材として利用できる チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」 | DesignDevelop

2015/06/29 41 users PSD形式 テクスチャ ベクター形式 アイコン 形式

アイコンやテクスチャ、psd形式、SVG形式など、素材にはいろいろな形式や種類が存在していますが、中でもベクター形式の素材は、いろいろな加工を施したり形や色を変えることが容易なため、とても重宝する素材だと思います。そんな中今回は、ロゴ制作やパーツ素材として利用できる、チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」を紹介しま... 続きを読む

無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」 - GIGAZINE

2014/12/10 261 users GIGAZINE ウェブデザイン 商用 デバイス アイコン

同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indi... 続きを読む

独特のブラシを備えるドローソフト「Livebrush」、5周年を記念して有償版を無償配布 - 窓の杜

2014/10/23 38 users ドローソフト ブラシ 無償 出力 無償配布

ニュース 独特のブラシを備えるドローソフト「Livebrush」、5周年を記念して有償版を無償配布 ベクター画像をSVG形式で出力が可能 （2014/10/23 13:22） 「Livebrush Pro」v1.5 David Fasullo氏は9日、ドローソフト「Livebrush」公開5周年を記念して同ソフトの有償版「Livebrush Pro」を無償配布すると発表した。現在“Livebrus... 続きを読む

SVG形式のアイコンをまとめてダウンロードできるサイト「iconmelon」 ｜ ライフハッカー［日本版］

2014/10/09 25 users Downl ライフハッカー アイコン 以下 様子

「iconmelon」はSVG形式のアイコンをまとめてダウンロードできるサイトです。さまざまなアイコンが登録されており、すべてSVG形式でダウンロードすることができますよ。選択したアイコンをまとめてダウンロードできるので便利です。 以下に使ってみた様子を載せておきます。 まずiconmelonへアクセスしましょう。 このようにアイコンが表示されるので、ダウンロードしたいものを選びます。「Downl... 続きを読む

ASCII.jp：流行のSVGアニメを手軽に作れるLazy Line Painter｜こうめの“これから使える”jQueryプラグイン

2014/07/18 62 users jQueryプラグイン 流行 ASCII.jp iPhone

今回紹介するプラグイン Lazy Line Painter 「Lazy Line Painter」 は、最近流行のSVGを使ったパスアニメーションを手軽に作れるプラグインです。自分で描いた線画をSVG形式で読み込み、手で描いたような動きをつけて表示できます。 あまり複雑な動きはできませんが、「Tatenaga GIF」のiPhoneの線画のように、さりげなく取り入れるにはぴったりのプラグインです。... 続きを読む

レスポンシブデザイン・マルチカラー化対応で汎用性の高いSVG形式アイコン「Iconic」 - GIGAZINE

2014/05/29 70 users Iconic finally GIGAZINE レスポンシブ

「モダンなウェブのためのインタラクティブアイコンを」ということで作られたのが「Iconic」です。アイコンはSVG形式でも提供されているのでウェブ上でも簡単に利用でき、なおかつ、CSSを使ってアイコンの一部分だけに色をつけたり、マルチカラーで統一したり、変形させたり、レスポンシブにサイズ変更したりということも可能です。 Iconic https://useiconic.com/ Finally, ... 続きを読む

ユニークデザインのアウトライン無料アイコン素材まとめ（PSD、ベクター、SVG形式）PhotoshopVIP |

2014/02/24 71 users PhotoshopVIP psd ベクター

iOS 7に採用された、ラインのみで描かれたシンプルなアイコンは、2014年デザイントレンドになりつつある「シンプル、ミニマルスタイル」との相性も使い勝手のよい素材です。PhotoshopやIllustratorで編集できる素材を中心にまとめています。 海外デザインブログGraphics Fuel.comで、アウトラインで描かれた無料アイコン素材セットをまとめたエントリー「20+ Free Set... 続きを読む

朝起きてから1分ごとの時間をアイコンで表示していくプロジェクト「Icons by hour」 - GIGAZINE

2013/04/25 25 users フォント GIGAZINE ウェブ上 作成中 10時台

ウェブ上で各時間をイメージしたアイコンは何か？ということで朝7時からの時間を1分ごとにアイコンで表現するプロジェクトが「Icons by hour」です。現在は10時台まで完成しており、11:01以降のアイコンを作成中。アイコンは時間を表す際のフォントとしても使用できるようにSVG形式で作られており、大きさを変えてもくっきりと表示されるようになっているとのことです。 Icons By Hour h... 続きを読む

無料で商用利用もできるベクター形式のシンプルなアイコン60個セット - GIGAZINE

2012/09/26 219 users GIGAZINE ARCH アイコンセット ベクター形式 着色

クレジット表記なしで無料で商用利用できる60個のシンプルなアイコンセットがWebディレクションやWebデザインの情報を掲載しているArchからダウンロードすることができます。パスの変更・着色・拡大縮小などの加工も可能で、Illustratorなどのソフトで簡単に編集できるSVG形式となっています。 SVG形式のシンプルなアイコン60個セット | Arch http://www.ar-ch.org/... 続きを読む

SVG形式のシンプルなアイコン60個セット | Arch

2012/09/25 115 users イラストレーター 着色 自作アイコン バス アイコン

自作アイコンがたまってきたので、特に自分が良く使うシンプルなアイコンを配布してみます。SVG形式でイラストレーターで編集できます。アイコンは、商用無料でクレジット表記なしでお使いいただけます。 ご使用にあたって 以下を守ってお使いください。 禁止事項 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク 許可事項 ○ パスの変更・着色・拡大縮小などの加工 ○ 商用・非... 続きを読む

５００以上のモノクロ記号アイコンセット「PICOL」:phpspot開発日誌

2012/02/03 24 users PICOL アイコンセット icons Pixel PNG

Icon Library | PICOL - Pictorial Communication Language - Icons & Pictorgrams ? Pixel & Vector ５００以上のモノクロ記号アイコンセット「PICOL」。 次のようなシンプルでいい感じのアイコンセットがPNG、SVG形式で入手できます。 ボタンの横などにちょこっと置けば嫌味のない良い感じのボタンができそう 関... 続きを読む