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

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

web制作時に便利なリソースやツールのキュレーションサイトのまとめです。
今まで知らなかったリソースやツールを新たに見つけるきっかけになったり、普段からよく利用しているものが多数まとめられているようであればブックマーク整理にも役立つと思います。
紹介されているサイトがほぼ同じな場合も多いですが、サイトによってカテゴリー分けがわかりやすいとか目的のサイトを探しやすい検索機能の有無といった違いがあり、中にはお気に入り機能が実装されていて自分好みの一覧を作成できるものもあります。

いずれのサイトもタイプ別にカテゴリー分けされており、簡易的で且つ英語ではありますがそれぞれどのようなものなのかの紹介文もあるので、それらを利用すれば目的のリソースやツールを見つけやすいと思います。

Evernote.Design

Evernote.Design

bookmarks.design

bookmarks.design

DesignBase

DesignBase

UI Goodies

UI Goodies

検索機能が用意されており、文字列を入力するとすぐに結果が反映されます。

Design notes

Design notes

ページ上部にある「Filter」をホバーまたはクリックでカテゴリーを確認できます。

Neede Design Resources

Neede Design Resources/a>

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

Awesome Design Tools

wesome Design Tools

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

Undesign

Undesign

Sans Francisco

Sans Francisco

StockJo

StockJo

検索機能が用意されています。

Resource Cards

Resource Cards

wwwhere

wwwhere

検索機能が用意されています。

Web Field Manual

Web Field Manual

デザインとコードで大きく分かれており、さらにその中でタイプ別に分かれています。
また、文字列を入力するとすぐに結果が反映される検索機能も用意されています。

Typography Resources

Typography Resources

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

WEB TYPOGRAPHY RESOURCES

WEB TYPOGRAPHY RESOURCES

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

Close the search window,
please press close button or esc key.