Web開発者やWebデザイナー向けのリソースのキュレーションサイト・「The Starter Kit 」
The Starter Kit The Starter KitはWeb開発者やWebデザイナーの為のリソースを収集しているキュレーションサイトです。CSSやJavaScript、Photoshopに関わるリソースなどが多く、収集され...
Resource - インスピレーション
美しいカラースキームを毎日公開する・「Color Hunt」
Color Hunt Color Huntは毎日美しいカラースキームを配信するカラーコレクションサイトです。紹介されているカラースキームはそれぞれ使用例とカラーコードが確認出来るようになっている他、カラースキームの提案も可能です。が、...
イラストレーター向けのライブ配信ツール・「Sywork」
Sywork Syworkはイラストレーター向けのライブ配信ツールです。以前ご紹介したプログラマー向けのライブ配信ツールのLivecoding.tvのイラストレーター版といったところでしょうか。通常イラスト、3Dモデリングやアニメーシ...
Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」
Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...
サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...
ランディングページ専門のWebデザインギャラリー・「LAPA」
LAPA LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイト...
様々な企業が採用しているブランドカラーをまとめた・「BrandColors」
BrandColors BrandColorsは様々な企業がブランドカラーとして採用しているカラースキームを確認、各フォーマットでダウンロードできるWebサービスです。掲載されている企業はメーカーからWebサービス運営企業まで様々です...
Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」
Dribbbleboard DribbbleboardはDribbbleに投稿された作品をシンプルなインターフェースでブラウジング出来るクライアントツールです。ソートは人気の作品、すべての作品、最新の作品のみで、ギャラリー形式に作品が...
フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」
Zoommy Zoommyはフリーの写真素材を公開しているストックフォトサイトを1箇所に集めて探しやすくしたMacアプリです。現在18のストックフォトサイトが纏められており、どのサイトも素敵な写真がCC0などのライセンスで公開されてい...
アニメーションエフェクトのパターンと、その実装コードをコレクションしている・「AniCollection」
AniCollection AniCollectionはよく見かけるアニメーションエフェクトと、そのエフェクトを実装する為のコードをコレクションしているWebサイトです。各エレメントにマウスホバーするとエフェクトを見ることが出来ます。...
写真やエッセイの為のシンプルなブログサービス・「Stampsy」
Stampsy Stampsyは写真やエッセイ等を目的としたシンプルなブログサービスです。ブログと言うと語弊あるかもしれませんが、この方が伝わりやすそうなのでブログという括りで書いています。UIは少しMediumに似た印象を受けます。...
マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」
MaterialUp MaterialUpはマテリアルデザインを取り入れたWebサイトやモバイルアプリを紹介するショーケースです。カテゴリはWebサイト、モバイルアプリ、コンセプトデザインやちょっとしたエレメントのスタイルなどに分けら...
インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」
Hover States Hover StatesはWebサイトに導入したIxD例をアニメーションで確認出来るWebデザインギャラリーです。うまくIxDを取り入れて設計されたWebサイトをアニメーション画像で紹介しています。開発者やデ...
Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」
Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...
3Dモデルを公開・シェア出来る・「Sketchfab」
Sketchfab Sketchfabは3Dモデルのデータを公開・共有出来るビューアサイトです。3Dモデル専門のPixivのような感じでしょうか。お気に入りやEmbed等が出来るようになっています。スマフォにも対応しているそうです。無...
AwwwardsやDribbble、Behanceなどの投稿をざっと見れるインスピレーション向上の為のChromeエクステンション・「Muzli」
Muzli Muzliはデザイナーのインスピレーション向上を目的としたChromeエクステンションです。基本的にはAwwwardsやCSS WinnerなどのデザインギャラリーサイトやDribbble、Behance等のデザイナーのコ...
デザイナー向けのソーシャルなポートフォリオ・「socialdoe」
socialdoe socialdoeはデザイナー向けのソーシャルポートフォリオサービスです。投稿はPinterestライクなレイアウトで表示されます。フィードバックを送り合ったり、インスピレーションやアイデアを共有するのに役立ててて...
Webサイトで使用されているフォントの情報を共有出来る・「Typ.io」
Typ.io Typ.ioはWebサイトで使用されているフォントの情報を共有出来るWebサービスです。使用フォントの名前や、そのフォントの販売先の共有や、タグ付け等が可能のようです。アカウントはTwtterとの連携で取得するみたいです...
美しいグラデーションカラーをまとめている・「uiGradients」
uiGradients uiGradientsは美しいグラデーションカラーをまとめているシンプルなWebサイトです。シンプルにグラデーションとCSSを纏めており、それ以上でも以下でも無いサイトです。単純ですがいいアイデアですね。インス...
映画のシーンで使われた色を抽出し、カラースキームにしているプロジェクト・「The Colors Of Motion」
The Colors Of Motion The Colors Of Motionは有名な映画のシーンで使われたカラーを抽出し、平均色を割り出して公開しているプロジェクトサイトです。ハリーポッターやマトリックス、ブラックスワンなどいろ...
BingのTOPページで利用された高品質な写真を壁紙用としてダウンロード出来る・「Bing Homepage Gallery」
Bing Homepage Gallery Bing Homepage GalleryはBingが過去5年間に渡ってTOPページで使用してきた高品質な写真を壁紙としてダウンロードできるギャラリーサイトです。カテゴリや色などから探すこと...
動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」
CAPPTIVATE.co CAPPTIVATE.coはiOSアプリのUIモーションを動画やGIFで確認出来るデザインギャラリーです。様々なアプリのUIモーションを手軽に確認出来るのは有難いですね。実際に触ってみないと何とも言えない部...