UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -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, ... 続きを読む

コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -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色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの...記事の続きを読む 続きを読む

シャドウの色はブラックとは限らない、さまざまなカラーにあった適切なシャドウの色が分かるオンラインツール | コリス

2018/08/30 209 users コリス レッド 要素 シャドウ webデザイン

最近のWebデザインには使用される要素には、さまざまなカラーが使用されています。それらの要素にシャドウを与える際には、シャドウの色はブラックとは限りません。グレーであればグレー系シャドウ、レッドであればレッド系シャドウが...記事の続きを読む 続きを読む

CSSの作業をもっと楽に！無料で使える便利なWebツール40選 - PhotoshopVIP

2018/06/27 131 users レスポンシブ PhotoshopVIP アニメーション 節約

CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、... 続きを読む

配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス

2018/06/17 112 users コリス ビジュアライズ 配色 カラーパレット センス

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む

びっくりするほど簡単！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... 続きを読む

CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール | コリス

2017/05/30 448 users Facebook OGP コリス Mic CSS

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmic ...記事の続きを読む 続きを読む

カラーの組み合わせもついに人工知能で！指定色から最適な色の組み合わせを導きだすツール -Colormind | コリス

2017/04/06 112 users カラーセオリー コリス 映画 組み合わせ 写真

写真や映画、人気が高いアートなどから学び、それらメディアで異なるビジュアルスタイルに合ったカラーの組み合わせを生成するオンラインツールを紹介します。 カラーセオリーに基づいた学習型のAIで、色の組み合わせをゼロから、そし ...記事の続きを読む 続きを読む

[CSS]レスポンシブ対応のフォントサイズの指定方法 -デスクトップやスマホのビューポート幅（vw）に対して文字サイズを変化させる | コリス

2017/03/10 134 users コリス フォントサイズ ビューポート幅 CSS 記述

CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅（vw）に対して自動で変化させるスタイルシートの記述を生成するオンラインツールを紹介します。 例えば、768px以下はすべて1rem、1920px以上は2rem、その間はvwに対して変化する、という指定が簡単にできます。 Responsive font calculator ツールの使い方は、簡単です。... 続きを読む

デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度 - PhotoshopVIP

2016/09/15 720 users 配色 リソース フォント アイコン こん

オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソースをまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色など デザイナーが一度は困ったことのある問題を解決してくれる 凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コン... 続きを読む

最近話題になったイケてるWebサービス・アプリ12選（2015年11月編） | creive【クリーブ】

2015/12/06 351 users BrandColors UIPALETTE クリープ 配色

12月になりましたので、11月中に話題になった12個のWebサービス・アプリをご紹介します。 UIPalette 「UIPALETTE」は、配色を考えるときに使えるオンラインツールです。 サイトの左側にあるメニューのうちの「BrandColors」をクリックすれば、海外の企業のイメージカラーがわかり、「FlatColors」や「MaterialDesignColors」をクリックすれば、フラットデ... 続きを読む

“5分で会社が作れる”「会社設立 freee」　書類作成から口座開設までワンストップ - ITmedia ニュース

2015/06/23 100 users freee ハードル 書類 口座開設 売り

Q＆A形式で必要事項を入力すると会社設立に必要な書類を自動で作成できるオンラインツール「会社設立 freee」がリリースされた。利用は無料。 freeeは6月23日、Q＆A形式で必要事項を入力すると、会社設立に必要な書類を自動で出力するサービス「会社設立 freee」をリリースした。“5分で会社が作れる”という簡便さを売りに、法人設立のハードルを下げることで日本の開業率の向上を目指すという。利用は... 続きを読む

ブロガーなら知っておきたい優良Webサービス・ツールTOP16

2015/04/30 335 users ブロガー 敷居 なか ブロガー向け 位置

よく知られているものから日本ではめったに紹介されないものまで、ブロガー向けのWebサービスやオンラインツールを16こ紹介します。インターネットの中でものすごく大きな位置を占めるようになったブログ。現存するトップサイトのなかには、ブログに端を発したものも少なくありません。 ブログがここまで人気となった理由のひとつに「敷居の低さ」が挙げられます。つま […]ブロガーなら知っておきたい優良Webサービス... 続きを読む

デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ | コリス

2015/03/27 428 users コリス COO アクセシビリティガイドライン グラデーション

一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo...記事の続きを読む 続きを読む

レスポンシブ対応の変化するグリッドを各デバイスの見え方を確認しながら設計できるオンラインツール -Shoelace | コリス

2015/03/19 172 users Shoelace コリス タブレット グリッド 設計

スマホ・タブレット・デスクトップ、それぞれで変化するレスポンシブ対応のグリッドを確認しながら設計ができるオンラインツールを紹介します。 Shoelace 使い方は簡単、まずはページにアクセス！ 登録とかの面倒なことはあり...記事の続きを読む 続きを読む

Bootstrapのカスタマイズが簡単にできてしまうオンラインツール -Bootstrap Live Customizer | コリス

2014/06/10 350 users コリス Bootstrap リアルタイム パネル カスタマイズ

Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。 Bootstrap Live Customizer 使い方は非常に簡単。 左のパネルをスクロールし、Bootstrapのカスタマイズしたい箇所を表示... 続きを読む