Web制作に役立つ情報一覧

商用利用OK！50種類の細かく描かれた花・草・木がかわいいベクター完備のパターン素材が今だけ無料です -Meadow

2018/07/17(Tue) 09:59

通常は有料ですが、1週間限定で無料ダウンロードできる、かわいいパターン素材を紹介します。Webデザイン、グラフィックデザインをはじめ、紙やプロダクト、販売する同人誌などにも利用できます。

https://coliss.com/articles/products/vector-seamless-patterns-meadow.html

これはかっこいい！要素がふわりと浮かんでいるような美しいシャドウを与えるスタイルシート -Box-shadows.css

2018/07/17(Tue) 09:58

Webページやスマホアプリのコンテンツ、カードやナビゲーションや画像などのコンテナに美しいシャドウを簡単に与えることができるスタイルシートを紹介します。

https://coliss.com/articles/build-websites/operation/css/collection-of-css-box-shadow.html

Webの情報を「いかに読みやすくするか」上級編は、色や余白を使った「グループ化」

2018/07/13(Fri) 10:03

整理した情報を「いかに読みやすくできるか」を考えてみたいと思います

https://webtan.impress.co.jp/e/2018/07/13/28579

デザインは気づきが大切！デザインを見る目をどのように養えばよいのか

2018/07/11(Wed) 09:56

UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。

https://coliss.com/articles/build-websites/operation/design/how-to-develop-an-eye-for-design.html

InstagramなどのSNS投稿で使える、見た目の良い無料Photoshopテンプレート30個まとめ

2018/07/10(Tue) 11:05

「インスタ映え」という言葉が流行語になるほど、日本だけでなく世界中で利用者を増やしているInstagram（インスタグラム）。用途もさまざまなで、個人的な利用から商用、ビジネスなどでもマーケティングツールとして使われるようになっています。

http://photoshopvip.net/109853

CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem

2018/07/09(Mon) 10:03

フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素はサイズ指定が複雑になってしまいます。

https://coliss.com/articles/browser/chrome/convert-pixel-units-to-rem.html

ためしがき - 日本語のフリーフォントを検索できるサイト

2018/07/06(Fri) 09:55

日本語のフリーフォントを好きな言葉・文章で試せるサイト

https://tameshigaki.jp/

アイコン使いや図版が参考になるサイトまとめ

2018/07/04(Wed) 10:07

突然ですが、アイコンや図版のデザインに苦労したことってありませんか？ 僕はけっこう毎回苦労するので今回のブログで「アイコン使いや図版が上手いな」と思うサイトを集めてみました。

https://liginc.co.jp/401187

Illustratorでここまでできる！すごいチュートリアル、作り方30個まとめ 2018年6月度

2018/07/03(Tue) 09:53

「あんなデザインが作ってみたい。」「あれってIllustratorらしいけど、どうやって作るの？」そんなデザイナーのお悩み解決として、デザインチュートリアルに挑戦してみてはいかがでしょう。

http://photoshopvip.net/109750

新しい日本語フォントがたくさんリリースされてる！2018年上半期、日本語の新作フリーフォントのまとめ

2018/07/03(Tue) 09:52

手書き風の味のあるフォント、明治や昭和風のレトロなフォント、ホラーフォント、ピクセルフォント、ジョークフォントなど、たくさんのフォントがリリースされています。日本語では珍しいステンシルフォント「木漏れ日ゴシック」は特にお勧め！

https://coliss.com/articles/freebies/japanese-free-fonts-july-2018.html