Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デザイナーが使う手段の中で、「色」はもっとも強力なツールの１つです。同時に、色という概念は習得するのが難しくもあります。色の組み合わせが無数にある中で、サイトやアプリに使用する色を決めるのは骨の折れる作業です。 そこで作業を簡単にするために、カラーパレットを決める際に便利なツールのリストを作成しました。これらのツールを使えば、多くの時間を節約できるでしょう。 この記事では、以下のような切り口から便利なツールを紹介します。 インスピレーションを受ける 自分だけのカラースキームを生み出す 色のアクセシビリティを考慮する １. インスピレーションを受ける 自然の風景 あなたの周りには、既にたくさんのひらめきのもとがあります。インスピレーションを受けるには、周りを見回す

JavaScriptは非常に便利ですが、ゼロスクラッチでイチからコーディングを行うのは非常に大変です。そのため、何らかのフレームワークやライブラリを使うのが標準的ですが、その中でもjQueryはいまだに根強い人気を誇っています。 「脱jQuery」という言葉も耳にしますが、プラグインを読み込むだけで基本機能のほとんどが実装できてしまうjQueryプラグインは、初心者には大変ありがたいものです。 今回は、その中でも手軽で便利なjQueryスライダープラグイン9選をご紹介します。2018年に新規に立ち上げるサイトなどに、こうしたプラグインを採用してみましょう。 ▼こちらもチェック▼ UX向上の鍵！マイクロインタラクションにも使えるアニメーションプラグイン15選 手軽で便利なjQueryスライダープラグイン9選 1. slick slickは、最も便利で手軽に使えるjQueryスライダープラグイ

2018年も、毎日世界中で便利なWebサービスが生まれています。 今日、私たちが日常的に使っているDropboxやTwitterなどのサービスも、初めはごく小さな規模でのローンチでしたが、今では大きな勢いを見せています。新しいWebサービスやアプリをキャッチアップすることで、流行しそうなサービスを一足先に体感してみてはいかがでしょうか。 そこで今回は、 2018年上半期にチェックしておきたい海外のWebサービス＆アプリ10選をご紹介します。 様々なサービスの中で、便利なものは早速利用してみましょう。 2018年上半期にチェックしておきたい海外のWebサービス＆アプリ10選 1. Frappé Charts Frappé Chartsは、Githubのデザインにインスパイアされた "外部環境に依存しないWeb用のチャート作成ツール" です。 棒グラフや折れ線グラフ、散布図など、様々なグラフを

Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、という話を知っているでしょうか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断されていると Buffer では紹介されている通り、どんなデザインにおいても、いかに配色をじっくり検討するべきか分かります。特にウェブサイトでは、ユーザーが配色を気に入らなかった場合、あまり長くはサイトに滞在してくれないでしょう。 ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットを今回はまとめています。コピー＆ペーストで利用できる、カラ

HOMEブログウェブ制作Illustratorで円形グラデーション・円形ストライプのフチを作る。 | ネクストページブログ

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

インターネットで何か調べようとするとき、まず「Google検索」、という人が多いのではないだろうか。中でも、単語を入力する、もしくはスペースを空けて複数の単語を入力して検索するだけという人が多いようだ。 しかし、検索結果に満足できない、期待したページが検索上位に表示されない（ヒットしない）、といったこともまた多くないだろうか？ 本記事では、そのような時に便利なGoogle検索のテクニックを幾つか紹介したい。例えば、余計な単語を検索対象から除外したり、特定の語句がタイトルやURLなどに含まれるコンテンツのみ検索したり、といったことが可能だ。 「+」「AND」で複数キーワードを含むWebページを検索 AND検索すなわち指定の全キーワードを含むコンテンツの検索を行うのに、「スペース（空白文字）」を空けて複数キーワードを並べて検索、というのは、ごく普通に利用しているテクニックだろう。さらに明示的に

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。

Amiko is a clean and utilitarian Devanagari and Latin typeface family, specifically designed for maximum legibility at the smallest possible text sizes. It is i

※　2019年2月25日追記: 2019年用の最新フリーモックアップをまとめた別の記事を公開しています、クオリティがぐんとアップして無料アイテムを揃えています。 リアルな仕上がりは感動モノ！すごいPhotoshopモックアップ厳選75個まとめ 完成したデザインのクオリティを高めることができる Photoshop モックアップの中で、2017年に公開された無料素材をまとめて100個厳選しています。クライアント向けプレゼン資料やブランディングに欠かせない、高品質な無料のモックアップ用PSDファイルを利用してみましょう。 なお、モックアップの詳しい使い方やカスタマイズ方法については、以下のエントリーで紹介しています。こちらも参考にしてみてはいかがでしょう。 モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選 2017年の1年間にまとめた無料モックアップ素材に関するエントリーは以下

Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library files on your websites.

こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ