Web制作に役立つ情報一覧

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

2018/06/18(Mon) 09:59

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。

https://coliss.com/articles/build-websites/operation/design/ui-color-palette-generator-plax.html

まるごと使える！デザインが素敵になる無料テクスチャ、パターン素材30個まとめ 2018年6月度

2018/06/15(Fri) 09:53

Webサイトやグラフィック制作で活用されることの多いテクスチャ素材。そのまま背景デザインとして利用したり、テキストエフェクトの質感を演出するために使ったりと使い道もさまざまで、バラエティー豊富なデザインテクスチャが数多く公開されています。

http://photoshopvip.net/109484

CSS Gridの実用的なテクニックが基礎からていねいに解説されたフロントエンドの制作者にオススメの本

2018/06/15(Fri) 09:52

CSS Gridをそろそろ始めてみよう、と考えている人にぴったりの解説書を紹介します。本書は実践的な解説書で、CSS Gridを使用してデスクトップ・スマホ向けのさまざまなレイアウトをはじめ、ヘッダやセクションやフッタやナビゲーションなどのコンポーネントの実装方法が詳しく解説されています。

https://coliss.com/articles/book-review/isbn10-4839966338.html

Webサイト内のフリクションを見つけて改善する７つの戦略

2018/06/14(Thu) 10:09

ユーザー体験の観点から言うと、フリクション（摩擦）とはユーザーが目標を達成するのを阻むすべての要因のことです。フリクションはユーザーとデザイナーの双方にとって重大な問題となります。なぜなら、フリクションはコンバージョンを低下させ、直帰率を上昇させて、ユーザーがタスクをやめてしまう要因となるからです。

http://uxmilk.jp/71909

2018年おすすめのCSSリセット！「Reboot.css」の特徴と使い方を解説

2018/06/14(Thu) 10:08

Bootstrapは既に多くの人が知っていると思います。では、Bootstrapで採用されているCSSのリセットは知っていますか？

https://coliss.com/articles/build-websites/operation/css/new-reset-rebootcss.html

Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのアイデア -2018年5,6月

2018/06/13(Wed) 09:59

デザインで悩んだ時には、新鮮なアイデアに触れてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのアイデアを紹介します。

https://coliss.com/articles/build-websites/operation/design/6-essential-design-trends-2018-june.html

すごい簡単！UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ -vivid.js

2018/06/13(Wed) 09:58

WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/svg-icon-library-vivid.html

目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度

2018/06/12(Tue) 09:56

プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。

http://photoshopvip.net/109384

シンプルなWebデザインを実現するための複雑な道のり

2018/06/12(Tue) 09:55

シンプルで素敵なWebデザインの体験は、シームレスです。ユーザーは自信を持って快適に１つのコンテンツから次のコンテンツに簡単に移動することができます。Webデザインにおいてシンプルで完全なユーザー体験を実現することは、デザイナーや開発者が直面するもっとも困難な課題の１つです。

http://uxmilk.jp/68807

超便利！確認しておきたい最新CSSツール、リソースガイド 2018年度

2018/06/11(Mon) 09:56

ここ数年起こっているCSSの変化と急速な進歩により、絶え間なくリリースされている膨大な量のオープンソースのツールには驚かされます。制作時間を節約、短縮できるCSSライブラリやフレームワーク、およびツールは、制作をより手軽に、より簡単にすることを目的に構築されており、理解できていないCSSに関しては学習用ガイドなども数多く提供されています。

http://photoshopvip.net/109315