Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

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

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

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

Back to Top

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

/ Services & Resource

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。