Web制作に役立つ情報一覧

これ使ってる？Photoshopのベスト機能10個と使ってはいけないワースト機能10個まとめ

2016/07/20(Wed) 10:12

デザイン編集に欠かせない Photoshop には、さまざまな機能が揃っており、あらゆる作業をよりスムーズにしてくれます。その一方で「これってどうやって使うの？」と思ってしまう、改善が必要な機能があるのも事実です。

http://photoshopvip.net/92040

レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ

2016/07/20(Wed) 10:12

CSSアニメーションを使って実装された、レスポンシブや省スペース用の検索フォーム、フル画面に表示させる検索フォームなど、デザインや実装のアイデアが面白い検索フォームを紹介します。

http://coliss.com/articles/build-websites/operation/css/design-and-idea-for-search-forms.html

Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」

2016/07/19(Tue) 10:43

Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる、というもの。

http://kachibito.net/useful-resource/type-nugget

バナーデザイン制作の初心者に役立つサイトや良記事まとめ【作り方から仕事まで】

2016/07/19(Tue) 10:43

バナー制作（インターネット広告）の技術を身に付けておけば、クラウドソーシングで仕事を受注して副収入を得たり、広告制作会社とパートナー契約を結び安定した在宅ワークを提供してもらえたりと、自由度の高いワークスタイルを実現できる。

http://lifeiscolourful.hatenablog.com/entry/banner-design-matome

男子の手書き文字をフリーフォント化！商用利用無料で漢字も揃ってる -仕事メモ書きフォント・遊びメモ書きフォント

2016/07/19(Tue) 10:41

日本語のフリーフォント「仕事メモ書き」と「遊びメモ書き」を紹介します。メモやノート、レポートなど、手書きさをデザインする時にぴったりのフォントです。

http://coliss.com/articles/freebies/freebies-font-shigotomemo-aosobimemo.html

疑似classやレスポンシブ用、フォントのサイズ指定など、CSSの便利な小技・テクニックのまとめ -CSS Protips

2016/07/19(Tue) 10:41

:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-protips-v3.html

[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ

2016/07/19(Tue) 10:40

縦長ページのスクロール エフェクトで再スクロールや上にスクロールする時にも適用したい、高さ指定のない画像を読み込む時にスクロールバーががっくんがっくんするのを避けたい、美しいレイアウトを簡単に実装したい、そんな便利でちょっとずるいスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/javascript-best-2016-july.html

知っておきたい統計学の基礎〜データの種類とその活用

2016/07/15(Fri) 09:52

ときには根拠を数字で示すことで相手の理解を得やすくなります。クライアントから、たくさんの「YES」がいただけるように統計学の基礎、今回は「データの種類」を焦点に当てて一緒に学んでいきましょう！

http://liginc.co.jp/289869

デザイナー要注目！作業効率がアップする話題のデザインツールまとめ

2016/07/15(Fri) 09:51

デザイン制作における悩みのタネでもある配色選びを手軽に行ったり、何百というGoogle フォントを手軽にPhotoshop で使える拡張プラグイン、さらに時間に応じて目に優しいスクリーンの明るさに調整してくれたりと、特にデザイナーにとってうれしい機能を中心にピックアップしています。

http://photoshopvip.net/92000

配色のセンスをアップする！アクセントカラーの選び方

2016/07/15(Fri) 09:50

デザインやイラストで配色を考える時、アクセントカラーは非常に大切です。Webデザインだと目立たせたいコンテンツやボタンに、イラストだと単調な配色を引き締めたり、アイテムや小物を際立たせることができます。

http://coliss.com/articles/build-websites/operation/design/how-to-choose-an-accent-color.html