Web制作に役立つ情報一覧

CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ

2015/07/27(Mon) 07:49

大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介します。

http://coliss.com/articles/build-websites/operation/work/css-guidelines-for-developers-2015-summer.html

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #8

2015/07/24(Fri) 07:57

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。

http://www.nxworld.net/material/unusual-icon-sets-201507.html

Webディレクター必見！Webサイトの改善でチェックすべき4つのポイント

2015/07/24(Fri) 07:56

Webサイトは、構築して終わり・・ということはなく、常に改善していかなければなりません。課題を見つけ、PDCAを上手く回しながら、目標の達成に向けて最適な解を見つけていく必要があります。

http://creive.me/archives/6110/

お客の本音を引き出す呼び水。Web担当者の“聞く力”

2015/07/23(Thu) 07:55

関係各所との調整が欠かせないWeb担当者の仕事において聞く力は重要スキル

http://web-tan.forum.impressrd.jp/e/2015/07/22/20446

[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法

2015/07/23(Thu) 07:53

「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。

http://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html

デザインがグッと良くなる、すごいフリーフォント素材47個まとめ 2015年7月度

2015/07/23(Thu) 07:52

筆記体や手描きスタイルを取り入れた、高品質なデザインフォントが増えています。その他にも、幅広く利用できるシンプルな万能アイテムや、読みやすさにこだわった書体など、今後のデザイン制作にいかがでしょう。

http://photoshopvip.net/archives/79928

Webデザイナー必見、実務で役立つ逆引きレイアウト集

2015/07/22(Wed) 07:46

オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたいメモ。イメージが湧きやすいように、国産サイトを多めにピックアップしました。

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

シンプルなのに効果的！美しい背景画像を作成するテクニックのまとめ

2015/07/22(Wed) 07:45

背景はデザインにおいて、非常に重要な要素です。ビジュアルの土台となり、他の要素がどのように見えるか決定する要因となります。要素を引き立たせる美しい背景画像を作成するシンプルなテクニックを5つ紹介します。

http://coliss.com/articles/build-websites/operation/design/simple-techniques-beautiful-backgrounds-by-canva.html

開発者向けの様々なロゴがSVG化されてまとめられている「SVG PORN」

2015/07/21(Tue) 07:54

覚えておきたいと思ったので備忘録兼ねてご紹介。「SVG PORN」はデベロッパーがよく利用するツールやサービスのロゴをSVG化してまとめているサイトで、言語・フレームワーク・ツール・ブラウザ・CMSなど沢山のロゴが揃っています。

http://www.nxworld.net/material/svgporn.html

ウォーターカラーエフェクト（水彩画風）のデザインリソース 30

2015/07/21(Tue) 07:53

ウォーターカラー・水彩画といったテイストのデザイン制作時に参考になるものやそのまま使用することもできる素材のまとめです。イラスト・ベクター・テクスチャ・ブラシなど全30種類ありますが、幾つかの種類がセットになっているというものが多いです。

http://www.nxworld.net/material/30-watercolor-effect-design-resource.html