システム構成図をテキストで

2020/11/28 517 users テキスト システム構成図 精度 コンセプト ネットワーク図

システム構成図をテキストで drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整... 続きを読む

全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons | コリス

2020/10/02 642 users コリス PNG SVGアイコン プレゼン SVGアイコン素材

企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソース... 続きを読む

もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる3,000種類のシンプルなアイコン素材 | コリス

2019/03/06 708 users コリス 一度 商用 アイコン UI用

商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。 一度にすべてのアイテムがダウンロードできるので、備えておくと便利だと思います。 Material Icons Library ラインセスは... 続きを読む

グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing

2017/12/04 831 users Vue コンポーネント Advent Calendar 下記

2017 - 12 - 04 グリグリ動くUIをVueとSVGでサクッと書く これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。 SVG で色々な コンポーネント を作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんど SVG とVueの組み合わ... 続きを読む

無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！ | コリス

2017/11/10 558 users コリス デザイ コマース 商用 カスタマイズ

企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上！ 豊富なデザイ ...記事の続きを読む 続きを読む

これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材 | コリス

2016/09/15 779 users psd コリス Forever Sketch ミニマル

FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails E... 続きを読む

2015年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2015/12/17 501 users jQuery コリス ユーザビリティ スクリプト 恒例

毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連... 続きを読む

これは使えるぞーーっ！浮世絵に描かれた26種の動物がベクター素材になって無料ダウンロード公開 – Japaaan 日本の文化と今をつなぐ

2015/11/19 613 users ベクター素材 浮世絵 動物 Japaaan 日本 文化

colissさんでとってもステキな素材集が紹介されていました。江戸時代の浮世絵に描かれた多種な動物たちがSVGのベクター素材になって無料ダウンロード公開されているんです。 これはいいですね！日本画や浮世絵の作品がベクター […] 関連記事 ステキすぎる！浮世絵ライクに描かれた日本がモチーフのイラスト！ 無料ダウンロード！折り紙の雰囲気を演出したフリーのPhotoshop素材 これは可愛い！十二支が... 続きを読む

2014年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2014/12/05 691 users jQuery コリス スクリプト 目玉 単体

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉で... 続きを読む

このクオリティはスゴイ！JPEG, GIF, PNG画像をベクターに変換する無料のオンラインサービス -PicSVG | コリス

2014/10/08 831 users コリス JPEG ベクター gif スゴイ

写真やイラストや文字など、JPEG, GIF, PNG画像をSVGのベクターに変換できる無料のオンラインサービスを紹介します。 写真画像でもこのクオリティは、スゴイですね！ PicSVG 変換前の元画像は、.jpeg, ...記事の続きを読む 続きを読む

アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう | Webクリエイターボックス

2014/05/28 529 users Illu アイコンフォント ブラウザー ベクター画像 普及

ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 SVGってなに？ SVG（Scalable Vector Graphics）はIllu... 続きを読む

たった一行でさまざまな要素をレスポンシブ対応にするスタイルシート -Fluidity | コリス

2014/03/25 676 users コリス 一行 レスポンシブ対応 iframe 要素

画像やテーブル、地図などを配置するiframe, video, canvas, svgなど、主にボックス系のHTML要素をシンプルなコードでレスポンシブ対応にするスタイルシートを紹介します。 外部ファイルとして使用するのでそれでも一行ですが、中身も一行（115文字）の超軽量スタイルシートです。 Fluidity Fluidity -GitHub Fluidityのデモ Fluidityの使い方 F... 続きを読む

HTML5でWebページをマークアップするための基礎知識 - ＠IT

2010/10/04 782 users HTML マーク 基礎知識 Webページ API

第2回 HTML5でWebページをマークアップするための基礎知識 株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2010/10/4 最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたら... 続きを読む