Web制作に役立つ情報一覧

ECサイトをデザインするときに気をつけていること

2018/02/21(Wed) 09:57

Web制作の現場では、EÇサイトのデザインを行うことも多いので、そんなときにどんなことに気をつければいいのか？自分なりにまとめてみました。

https://liginc.co.jp/378257

Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材48個まとめ

2018/02/20(Tue) 09:56

ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、手軽にお好みのデザインに編集できる、無料のPSDデザイン素材を活用してみましょう。

http://photoshopvip.net/107495

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】

2018/02/19(Mon) 09:51

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。

http://photoshopvip.net/107367

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ

2018/02/16(Fri) 09:56

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです。

http://coliss.com/articles/build-websites/operation/work/light-and-fast-css-frameworks.html

商用利用無料！桜の花、蕾、枝が揃ったかわいい背景・パターンのベクター素材

2018/02/16(Fri) 09:56

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。

http://coliss.com/articles/freebies/lovely-cherry-blossom-by-freepik.html

グーグルが公式SEOチェックツールを公開【SEO記事11本まとめ】

2018/02/14(Wed) 09:53

あなたのサイトでSEOのための設定がちゃんとできているかチェックするツールをグーグルが公開

https://webtan.impress.co.jp/e/2018/02/09/28277

1日で100個以上のフリーフォントを調べたわたしがおすすめする、おしゃれな日本語フリーフォントサイトまとめ

2018/02/13(Tue) 09:56

「同じ文字を書いているといつしか正しい文字が書けなくなってくる……」こういうのをゲシュタルト崩壊と言うらしいですね。学生の頃、地味に流行りました ( ˆoˆ )/今回は、そんなゲシュタルト崩壊しちゃう文字（フォント）についてのお話です ＾＾

http://www.imyme9.com/entry/freefont

デザインやイラストや写真で伝えたい雰囲気を表現できる色の組み合わせ方が分かるデザインの良書

2018/02/09(Fri) 10:03

色の組み合わせは、色を選ぶだけでなく、その色の割合をどうするかも大切です。グラフィック、Web、ファッションなど、デザインやイラストや写真などで伝えたい雰囲気を表現できる色の組み合わせ方が分かるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-480251087x.html

CSS Gridはレスポンシブ対応のよく使うレイアウトにも便利！効果的に使用するポイントのまとめ

2018/02/08(Thu) 09:53

CSS Gridは今までに出来なかったレイアウトを実装するだけでなく、既存レイアウトをより簡単に実装する能力も備えています。サポートブラウザも十分になり、そろそろ既存レイアウトの実装方法を見直すタイミングかもしれません。

http://coliss.com/articles/build-websites/operation/css/responsive-layout-with-css-grid.html

CSSで変数（カスタムプロパティ）を使ってみよう

2018/02/07(Wed) 09:53

プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました！

https://www.webcreatorbox.com/tech/css-variables