役立つリファレンスやスニペットサイト、様々なコードを容易に出力してくれるジェネレータ、デザイン制作に使えるテクスチャ・アイコン・フォントといった各種デザイン素材の配布サイト、SEOやマーケティングに関する便利ツールなど、インターネット上にはサイト制作時や運用時の手助けをしてくれるサイトが沢山あります。
今回はそういった便利なリソース・ツールサイトをまとめているサイトを集めてみました。

頻繁に使用するものであれば多くの人はそのサイトをブックマークしておき、必要なときにすぐ閲覧できるようにしておくとは思いますが、例えば覚えておきたいけれど正直使う機会は少ないみたいなサイトが多数あるようなときで且つブックマークをあまりごちゃごちゃさせたくないときなどに、場合によっては以下で紹介しているサイトをひとつブックマークしておくだけでブックマーク周りをスッキリさせることができると思います。
いずれも海外のものをまとめているサイトではありますが、国内でもよく見かけたり利用されていたりするサイトも多いです。
また、いろいろなサイトがまとめられているので、ひと通り目を通してみると今まで知らなかった新しいリソースやツールを見つけられるかもしれませんね :)

July 1, 2019 追記

  • 10サイト追加しました。
  • クローズしたサイトのリンク指定を削除しました。

Sans Francisco

Sans Francisco

デザイナー向けの便利ツールやインスピレーションを刺激するサイト、高品質なデザイン素材を配布しているサイトが多数まとめられています。
サイト左側にタイポグラフィー・アイコン・フォトという感じでカテゴリーを表すナビも設置されているので、目的のサイトも絞り込みやすいです。
また、「Library」では定期的にデザイナーが読むべきポストなどが定期的にまとめられています。

The Best Tools for

The Best Tools for

便利ツールやデザインリソース配布サイトをまとめており、サイト上部にデザイン・生産性・ビジネス・写真・タイポグラフィーといった感じでカテゴリーが設けられているので、それらで表示するものを切り替えられるようになっています。

StockJo

StockJo

クローズしたようです。

こちらはチュートリアルやテンプレートなども若干ありますが、写真・フォント・モックアップ・ベクターなどのような主にデザイナー向けのリソースを中心にまとめているところです。

Resource Cards

Resource Cards

半分以上がデザイン関連のリソースになりますが、それ以外にもHTML, CSS, JS・WordPress・SEO・マーケティングに関することもまとめられており全12カテゴリーあります。

Makerbook

Makerbook

クローズしたようです。

こちらはデザイナー向けに特化したタイプのもので、写真・グラフィック(ベクター)・テクスチャなどひと通り揃っています。
また、他にも映像や音楽に関するものについてもまとめられています。

Richard's Toolbox

Richard's Toolbox

クローズしたようです。

同じようなものは国内にも多数ありますし、わざわざこれを使うこともないとは思いますが、様々なタイプのバリデータやチェック系ツールが主にまとめられているサイトです。
わざわざこれを使うこともないとは思うなんて言ってしまってますが、興味ある人は少し試して自分がよく使うものが多かったり使いやすいと感じた場合は、ここひとつブックマークしておくだけで何かと便利だと思います。

wwwhere

wwwhere

こちらは多数のツールやリソースがまとめられているサイトで、上でいろいろ紹介はしてきましたが正直ここだけブックマークしておけば十分だと思える数が揃っています。
逆に多すぎて使いづらい(見づらい)場合は、上で紹介してきたもう少し小規模のサイトの方がいいと思いますが、多ければ多いほどいい人にはおすすめです。

Web Field Manual

Web Field Manual

上の「wwwhere」とまではいきませんが、こちらも多数のリソースや参考になるエントリーなどがまとめられています。
大きくデザインに関するものとコードに関するものとで分類されており、さらにそれぞれカテゴリー分けも用意されています。

Evernote.Design

Evernote.Design

bookmarks.design

bookmarks.design

DesignBase

DesignBase

UI Goodies

UI Goodies

Design notes

Design notes

Neede Design Resources

Neede Design Resources

検索機能が用意されており、文字列を入力するとすぐに結果が反映されます。
また、自分好みのリソース・ツール一覧を作ることができるお気に入り機能が用意されており、カードホバー時に出てくるハートをクリックすることで追加され、登録したものは「Favorites」ページで確認できます。

Awesome Design Tools

Awesome Design Tools

紹介文だけでなく、それぞれにフリー・オープンソース・Macのみ対象というのがわかるラベルが付いています。

Undesign

Undesign

Typography Resources

Typography Resources

これまでのものとは違ってタイポグラフィに特化したサイトで、インスピレーションがもらえるギャラリー、フリーフォントの配布サイト、便利なブラウザ拡張機能やツールなどがまとめられています。

WEB TYPOGRAPHY RESOURCES

WEB TYPOGRAPHY RESOURCES

同じくタイポグラフィに関するリソースがまとめられているサイトです。
「Typography Resources」では紹介されていなかったサイトやコード付きで解説しているチュートリアル、自分のタイポグラフィ力を試せるちょっとしたゲームなどもあります。