Web制作に役立つ情報一覧

まず何を揃えればいい？Webデザイナーになるなら必須のツール＆参考書籍はこれ！

2016/04/27(Wed) 07:26

今回は、Webデザイナーの必須ツールについてご紹介します。

http://liginc.co.jp/252811

フォントで重要なのは組み合わせ、Googleフォントを使ったオススメの組み合わせ方

2016/04/27(Wed) 07:25

Open Source Fontsの「Googleフォント」は個人でも商用でも無料で利用できるのも魅力の一つですが、その質も素晴らしいフォントが揃っています。

http://coliss.com/articles/build-websites/operation/design/google-fonts-combinations.html

入力欄フォーカス時のアニメーションをまとめた「Awesome input focus effects」

2016/04/26(Tue) 07:29

覚えておきたいと思ったので備忘録兼ねて。「Awesome input focus effects」はinputやtextareaといった入力欄へフォーカスした際のアニメーションをまとめているもので、3グループ・全24種類のエフェクトがあります。

http://www.nxworld.net/tips/awesome-input-focus-effects.html

Web制作の実装や勉強に役立つ便利なチートシートのまとめ

2016/04/26(Tue) 07:28

あれ何だっけ？ という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポート状況、Gitのコマンド、React.jsやAngular.jsなどのチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-201604.html

数学的な美しさがすごい！幾何学図形と文字を組み合わせたモノグラムのベクター無料素材

2016/04/26(Tue) 07:27

デザインのアクセントや複数重ねて背景として使っても面白い、幾何学図形と文字を組み合わせた商用利用無料のモノグラムのベクター素材を紹介します。

http://coliss.com/articles/freebies/free-56-vector-monograms.html

これは凄い！Web制作が捗るモーフィング系の最新スニペットまとめ

2016/04/26(Tue) 07:27

ある形から別の形に連続で変化をかけていくモーフィングのような、視覚的な変化を表現できるスニペットをまとめました。トレンドをおさえた最新スニペットを厳選してピックアップ。

http://commte.net/blog/archives/5676

知らないと損する！？色の相性についての考え方と組み合わせの方法

2016/04/25(Mon) 07:29

色というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。

http://www.mikinote.com/entry/iro-aishou

コンテンツマーケティングを成功に導く5つのステップ�Aアイデアの評価＋制作

2016/04/25(Mon) 07:28

『アイデアの力』にみる6つの法則や、モバイルファーストのデザインなど、注意するべき点は多い。

http://web-tan.forum.impressrd.jp/e/2016/04/25/22664

Webの新しいテクニックやデザイン表現の仕組みと実装方法がよく分かるオススメの本 -Webデザイン基礎トレーニング

2016/04/25(Mon) 07:28

Web制作で必ずと言ってよいほど使われてる汎用的なテクニックをはじめ、新しいテクニックやデザイン表現をひとつずつしっかりと学べる解説書を紹介します。

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

カラーのセンスがなくても大丈夫、効果的な色の組み合わせ方をやさしく解説

2016/04/25(Mon) 07:27

効果的な色の組み合わせをつくるには、2つの色を選ぶことから始まります。そのためにはデザインの理論や色の科学があり、あなたが効果的なカラーパレットをつくるのに役立つ9つの方法があります。

http://coliss.com/articles/build-websites/operation/design/how-to-create-color-combinations.html