フロントエンドやデザイナーが助かる海外RSSブログまとめ２３

• 作成：2015/05/11
• 更新：2016/06/29
• Webデザイン >

海外のWebデザイン・技術情報を紹介している更新頻度の高い国内ブロガーさん達は一体どこからどうやって情報を収集しているのか。受け手でなく、そろそろ自分達も自ら最新情報を発信できないだろうか。

海外RSSフィードを購読することで、書籍では追えないようなトレンドや最先端の知識を拾うことができます。英語表記が苦手で面倒だとしても、毎日眺めていれば何となく分かるようになります。今回は「トレンドの動向を知り、自分が情報発信源となるために有効なRSS」をまとめてリストアップします。

エンジニア速報は Twitter の@commteで配信しています。

もくじ

マイクロインタラクション

• １．Little Big Details
• ２．MaterialUp

jQuery / CSS

• ３．CSS Author
• ４．CSS-Tricks
• ５．Codrops
• ６．CodePen
• ７．jsdo.it

UX

• ８．UX Magazine
• ９．UX Movement
• １０．Smashing Magazine
• １１．Sidebar

素材

• １２．Pixeden
• １３．BittBox
• １４．Best PSD Freebies
• １５．Creative Nerds

クリエイター

• １６．A List Apart
• １７．Behance
• １８．Creative Market

デザイン全般

• １９．GDJ
• ２０．GraphicBurger
• ２１．Naldz Graphics
• ２２．noupe
• ２３．Dribbble

マイクロインタラクション

１．Little Big Details

何らかのきっかけによって引き起こされる小さな動き（マイクロインタラクション）など「細部」に注目したサイト。マクロな作りで解決できなかったらチェック。ツールなども紹介しています。

• [URL] http://littlebigdetails.com/
• [Feed] http://littlebigdetails.com/rss

２．MaterialUp

タッチ操作を促す見せ方や意味付けされた画面切り替えなど、マテリアルデザインに関するサンプルや素材を提供。今年一番注目しておきたい。配色はMaterial Design Colorsから。

• [URL] http://www.materialup.com/
• [Feed] http://www.materialup.com/rss

jQuery / CSS

３．CSS Author

CSS / jQuery などのテクニカルなまとめの他、PSDテンプレートやUIに関する情報。デザイナーはチェック。

• [URL] http://www.cssauthor.com/
• [Feed] http://www.cssauthor.com/feed/

４．CSS-Tricks

CSSテクニックやSVG等のソースコードの他、html Sass などのコードスニペットを配布。画像やソースコードを駆使して丁寧に記事を作ってあるので内容を理解しやすい。

• [URL] http://css-tricks.com/
• [Feed] http://feeds.feedburner.com/CssTricks

５．Codrops

アニメーションやトレンドエフェクトのコードサンプルと分かりやすいデモ。作品のクオリティが高く美しいUI、現場で使えそうなものが多い。

• [URL] http://tympanus.net/codrops/
• [Feed] http://feeds2.feedburner.com/tympanus

６．CodePen

コードをブログに貼り付けたり、ブラウザ上で検証が可能なコード共有サイト。流行りのインタラクションをチェックしたいときに便利。

• [URL] http://codepen.io/
• [Feed] http://codepen.io/picks/feed

７．jsdo.it

JavaScript ソースコードをチェックできる国産のコード共有サイト。こちらもサイトやブログに埋め込み可能。自分では思いもつかないような珍しい動きを発見できます。

• [URL] http://jsdo.it/
• [Feed] http://jsdo.it/codes/hot/rss

UX

８．UX Magazine

UX（心地よさ・楽しいと感じさせる設計）に関するアーカイブ。ダメなUXを改善したいと思ったとき、ユーザーが楽しくなるようなデザインを追求したいときに。

• [URL] http://uxmag.com/
• [Feed] http://feeds.feedburner.com/UXM

９．UX Movement

こちらもUXに関する記事。フォームやボタン、ユーザーのアクションに対する考察。

• [URL] http://uxmovement.com/
• [Feed] http://feeds.feedburner.com/uxmovement

１０．Smashing Magazine

コーディング、UIに関する膨大な情報が掲載されているポータルサイト。チュートリアルは図解やソースコードを多様してあり、丁寧でわかりやすい。といった感じで記事の構成方法が優れていてライティングの勉強にもなるのでブロガーさんは要チェック。

• [URL] http://www.smashingmagazine.com/
• [Feed] http://www.smashingmagazine.com/feed/

１１．Sidebar

デザインやUX、タイポグラフィなど様々なジャンルに及ぶリンクを毎日５つ紹介するリンク集。

• [URL] http://sidebar.io/
• [Feed] http://feeds.sidebar.io/SidebarFeed

素材

１２．Pixeden

PSD アイコン ベクター等の高品質なものを扱ってある素材サイト。利用規約はLicense | Pixedenでご確認ください。

• [URL] http://www.pixeden.com/
• [Feed] http://feeds.feedburner.com/pixedenfree

１３．BittBox

PhotoshopやIllustratorに関する素材を配布しているお得なサイト。

• [URL] http://www.bittbox.com/
• [Feed] http://www.bittbox.com/feed

１４．Best PSD Freebies

こちらもベクター系配布ブログ。

• [URL] http://www.bestpsdfreebies.com/
• [Feed] http://feeds.feedburner.com/bestpsdfreebies

１５．Creative Nerds

同じくパターン素材やテンプレートなど。

• [URL] http://creativenerds.co.uk/
• [Feed] http://feeds2.feedburner.com/CreativeNerds

クリエイター

クリエイター達の考察や作品など

１６．A List Apart

• [URL] http://alistapart.com/
• [Feed] http://feeds.feedburner.com/alistapart/main

１７．Behance

• [URL] http://www.behance.net/
• [Feed] http://feeds.feedburner.com/behance/vorr

１８．Creative Market

• [URL] http://creativemarket.com/blog
• [Feed] http://creativemarket.com/blog/feed

デザイン全般

グラフィックやデザイン全般に関する情報

１９．GDJ

• [URL] http://graphicdesignjunction.com/
• [Feed] http://feeds.feedburner.com/GraphicDesignJunction

２０．GraphicBurger

• [URL] http://graphicburger.com/
• [Feed] http://feeds.feedburner.com/graphicburger

２１．Naldz Graphics

• [URL] http://naldzgraphics.net/
• [Feed] http://feeds.feedburner.com/naldzgraphics/Prjs

２２．noupe

• [URL] http://www.noupe.com/
• [Feed] http://www.noupe.com/feed

２３．Dribbble

世界中のデザイナーさんの高クオリティ作品が見れる

• [URL] http://dribbble.com/
• [Feed] http://dribbble.com/shots/popular.rss