「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール（17個） ワンクリック、人工知能系ツール（20個） マテリアルデザイン系ツール（4個） Webデザイン・UIデザイン関連ツール（21個） 写真から抽出系ツール（2個） インスピレーション系ツール（14個） グラデーション関連ツール（29個） 配色カラ

Web上でアニメーションを実現させるのはとても大変です。それだけに閲覧者にとっては大きなインパクトがあります。少しでも楽に実現させるために、ライブラリを使うのがいいでしょう。様々なライブラリを知っておけば、ぴったりの場面がありそうです。 今回紹介するwow.jsはスクロールによって出現するアニメーションライブラリになります。 wow.jsの使い方 デモです。下にスクロールするとアニメーションが開始されます。 こんな感じのアニメーションも。 wow.jsはCSSアニメーションを使っており、軽快に動作します。jQueryのような外部ライブラリは使っていません。遅延時間や回数、スタイルなどは自由に設定できます。サイズも3KB程度と軽量なので使いやすそうです。 wow.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 wow.js — Reveal Ani

日本語フリーフォントはたくさんインストールしているけど、かわいいデザインを作成するときに、どのフォントを利用するか迷ってしまったことはないでしょうか。 特に男性デザイナーにとって、女性らしい可愛いデザインを表現するのは至難の業とも言えるでしょう。また無料フォントでは、デザインコンセプトに合った、商用利用できる素材を探すのも一苦労です。 今回は、そんなデザイナーの悩みを解決する、無料ダウンロードでき、商用ライセンスにも対応した日本語フリーフォントという条件で、使いやすいアイテムだけを厳選してご紹介します。