タグ オンラインツール
人気順 5 users 10 users 100 users 500 users 1000 usersUIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
2023/06/13
154 users
フォントサイズ
マージン
コンポーネント
パディング
白銀比
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということがで... 続きを読む
QRコードをデザインする新しい方法で、かなり自由にデザインしてQRコードを作成できるオンラインツール -QR code designer
2023/06/05
189 users
QRコード
図形
かなり
新しい方法
パターン
QRコードをかなり自由にデザインして作成できるオンラインツールを紹介します。他の今までのツールはエラー訂正レベルを使用していましたが、本ツールは違います。 先日リリースされたばかりの最新ツールです！ カラーを変更したり、文字や図形を加えたり、画像やパターンなどを加えてデザインすることもできます。日本... 続きを読む
超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator
2023/01/12
273 users
快適
操作
カラー
テーマ
カラーパレット
選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレット...記事の続きを読む 続きを読む
JSONデータをキレイに可視化してくれるオンラインツール「JSON Crack」は手軽でお勧め／画像化してクリップボード・ローカルファイルへエクスポートすることも【やじうまの杜】
2022/09/08
133 users
やじうま
JSONデータ
クリップボード
ローカルファイル
ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ
2022/08/10
412 users
テクスチャ
シェイプ
グラデーション
アイソメトリック
背景
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む
便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
2022/05/16
204 users
WebP
AVIF
SVG
jpg
PNG
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, ... 続きを読む
GIFアニメーションの再生速度変更・モザイク処理・透過処理など多数の編集が可能な「Online GIF Tools」
2022/01/03
90 users
GIFアニメーション
透過処理
モザイク処理
再生速度変更
連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Tools - Simple, free and easy to use GIF utilities https://onlinegift... 続きを読む
コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font
2021/11/01
212 users
フォント
デベロッパー
読み書き
コーディング
修正
コーディングに使用するフォントを何にするかは、非常に重要です。コードを記述、読み取る、修正・変更するなど、デベロッパーは多くの時間を費やします。 コーディング用のたくさんのフォントから、自分にとって読み書きに適した一番の...記事の続きを読む 続きを読む
ロゴのデザインに独創性があるか、パクリじゃないか、Webサイトやスマホでどう見えるか検証できるオンラインツール -TWM Logotester | コリス
2021/06/24
183 users
見栄え
コリス
スマホアプリ
パクリ
ロゴ
せっかく作成したロゴに似たデザインのものがあったり、Webサイトやスマホアプリで見栄えがよくなかったら、がっかりです。 ロゴのデザインに独創性があるか、他に似たロゴはないか、Webサイトやスマホアプリでどう見えるか、モノ...記事の続きを読む 続きを読む
日本の生産性が低いのは中小企業が原因？いやいや、便利なオンラインツールを使い倒そうよ - 助っ人 - 起業、独立、開業を応援するポータルサイト
2019/05/29
616 users
助っ人
勝算
エビデンス
名著
ポータルサイト
日本の生産性が低いのは中小企業が原因？いやいや、便利なオンラインツールを使い倒そうよ 2019.05.24 日本の現状を様々なエビデンスをもとに分析したデビット・アトキンソンの名著、『日本人の勝算』はもう読みましたでしょうか？ 素晴らしい本なので、ぜひ一読をおすすめします。その中に下記のような一文がありました... 続きを読む
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer | コリス
2019/05/27
400 users
コリス
補色
Color Designer
組み合わせ
ベース
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの...記事の続きを読む 続きを読む
色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス
2019/02/04
62 users
適用
要素
ベース
組み合わせ
カラー
指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -... 続きを読む
デザインの勉強にもなる！ロゴのデザインをさまざまな面から検証し、改善点が分かるオンラインツール -Logo Lab | コリス
2018/10/19
54 users
バランス
カラー
小さいサイズ
デザイン面
あなた
あなたのロゴをさまざまなデザイン面から検証し、デザインの改善点が分かる無料オンラインツールを紹介します。 ロゴの視覚的なバランスはどうか、カラーに依存されていないか、大きい小さいサイズでどうかなど、ロゴが使用されるあらゆ...記事の続きを読む 続きを読む
イヌをネコに変形！映画やテレビでよく見かけるモーフィングを作成できるオンラインツール -HyperMorph 3000™ | コリス
2018/09/18
57 users
モーフィング
コリス
イヌ
物体
変形
映画やテレビなどでよく見かけるモーフィングを簡単に作成できるオンラインツールを紹介します。 イヌからネコに、のように似たような形状だけでなく、全く異なる形状でもある物体から別の物体に変形させることができ、いろいろ楽しめる...記事の続きを読む 続きを読む
シャドウの色はブラックとは限らない、さまざまなカラーにあった適切なシャドウの色が分かるオンラインツール | コリス
2018/08/30
209 users
コリス
レッド
要素
シャドウ
webデザイン
最近のWebデザインには使用される要素には、さまざまなカラーが使用されています。それらの要素にシャドウを与える際には、シャドウの色はブラックとは限りません。グレーであればグレー系シャドウ、レッドであればレッド系シャドウが...記事の続きを読む 続きを読む
[CSS]見出し、本文、リストなど、文字周りをrem指定で簡単に設計できる便利なオンラインツール | コリス
2018/08/03
94 users
コリス
SCSS
小見出し
行間
マージン
Webデザインで使用する見出し、小見出し、本文、リストなどフォントの基本サイズ、行間、それぞれのマージンなど、文字周りのデザインを実際のブラウザで確認しながら設計できる便利なオンラインツールを紹介します。 ルート要素を最初に定義して、それを元に見出しや本文を設計するので、rem指定も可能。また、SCSSもサ... 続きを読む
CSSの作業をもっと楽に！無料で使える便利なWebツール40選 - PhotoshopVIP
2018/06/27
131 users
レスポンシブ
PhotoshopVIP
アニメーション
節約
CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、... 続きを読む
配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス
2018/06/17
112 users
コリス
ビジュアライズ
配色
カラーパレット
センス
UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む
背景のデザインに困った時に！Webデザイン、ソーシャルメディア、イラストなどに利用できる背景素材生成ツール | コリス
2018/05/25
51 users
パーティクルアニメーション
壁紙
コリス
背景素材
コンテンツ
Webデザイン、ソーシャルメディア、ブログをはじめ、イラストや壁紙など、さまざまなデザインに利用できる背景素材を生成するオンラインツールを紹介します。 昨日リリースされたばかりですが、すでに豊富なデザインが揃っており、今後さらに追加されていくとのことです。コンテンツが映える美しいグラデーション、パーティクルアニメーション、高品質な写真など、さまざまな背景が無料でダウンロードできます。 Cool B... 続きを読む
地球をまるごと観察することができる5つの便利な無料オンラインツール : カラパイア
2018/04/27
97 users
風力発電
惑星
ソーラー発電
カラパイア
リアルタイム
地球という惑星の健康状態についての情報はますます増えており、さらにそうしたデータを無料で利用できるオンラインツールも次々と登場している。 地球全体のリアルタイムの高画質衛生画像や、風力発電やソーラー発電の世界的トレンド、あるいは森林減少の詳細など、温暖化など、地球環境の移り変わりや、人間の活動が母なる惑星に与える影響を知ることができる。 1. 地球の変化を知ることができる衛星画像：NASAワールド... 続きを読む
めちゃ楽しい！この世界には存在しない異世界の地図を作り出すオンラインツール -Fantasy Map Generator | コリス
2018/04/26
68 users
SVG
コリス
PNG
インスピレーション
解像度
この世界には存在しない異世界のファンタジーな地図を簡単に作成できるオンラインツールを紹介します。 創作活動のインスピレーションにいいですね。 地図はカラーで、フルスクリーンの解像度に対応。SVGやPNGでの書き出しもできます。 Fantasy Map Generator Fantasy Map Generator -GitHub Fantasy Map Generatorは、以前当ブログで紹介した... 続きを読む
びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール | コリス
2018/04/20
848 users
コリス
Bootstrap
積み木
CSS
HTML
さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む
これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic | コリス
2017/11/20
121 users
コリス
Bootstrap
コンポーネント
変数
テンプレート
Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap... 続きを読む
レスポンシブ対応のHTMLメールをドラッグ＆ドロップで驚くほど簡単に作成できる無料ツール -Topol.io | コリス
2017/10/12
97 users
コリス
フレームワーク
レスポンシブ対応
テンプレート
ベース
便利なツールがどんどんリリースされています。 一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。 デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。 Topol.io Topol.ioはHTMLメールのフレームワーク「 MJML 」をベースに作成されており、さまざまなメールクライア... 続きを読む
人工知能でイラストの塗りができてしまう！下絵を元に見本イラストのように塗るオンラインツール -style2paints | コリス
2017/10/02
55 users
コリス
Git
下絵
濃淡
赤み
当ブログでも人工知能、AIのツールをいろいろ紹介してきましたが、まさかイラストの塗りまで手軽にできるようになるとは思いませんでした。 下絵と塗り見本の画像を用意し、下絵に見本の塗りと同じように塗りを適用するオンラインツールを紹介します。 左が下絵と塗り見本、1クリックで右の塗りが完成します。 肌・髪・洋服などを分析してますね、頬の赤みや服の濃淡も塗られています。 style2paints -Git... 続きを読む