オープンソースとして公開されているアイコンフォントのセット・「Open Iconic」
Open Iconic Open Iconicは223ものアイコンをOSSとして公開されているアイコンフォントです。EOTやWOFF、OTFだけでなく、PNG、SVGなどのフォーマットも用意されています。また、マルチカラー化や用意され...
Resource - Webデザイナー向け
フラットデザインのWebデザインギャラリー・「Flat Inspire」
Flat Inspire Flat InspireはフラットなデザインのWebサイトのギャラリーサイトです。コンテンツ別、色別、使用フォント、デザインスタイル等でカテゴライズされています。よくあるデザインギャラリーですが、フラットデザ...
インスピレーション向上に使えるビジュアルブックマークサービス・「Icebergs」
Icebergs Icebergsは画像やスクショなどを保存、整理できるビジュアルブックマークサービス。Zootoolというサービスが以前あったのですが、閉鎖、OSS化してしまったのでその代替としてリリースしたそうです。この手のはよく...
印刷用のグリッド生成ツール・「Gridzzly.com」
Gridzzly.com Gridzzly.comは印刷用のグリッドジェネレーターです。方眼紙やドット方眼紙、ノート用紙に対応しており、幅も設定できます。地味に便利ですね、これ。 Gridzzly.com
PSDファイルからCSSやSVG、画像ファイルなどを取り出せる・「Avocode」
Avocode AvocodeはPSDからCSSやSVG、画像、フォントなどのデータを取り出せるツールです。現在はプライベートベータ版として公開されています。精度は分かりませんが、CSS Hatの開発者さんなので技術的には信用性はあり...
手書き風のベクターUIキット・「Jolly UI」
Jolly UI Jolly UIは手書き風のUIキットのベクター素材です。キットの中はAIファイルやPSDファイル、手書き風のフォントが揃えられています。フォントは英字フォントなのでアレですが、モックアップの作成に使えそうですね。 ...
ユーザー登録もパスワードも不要の、手軽に使えるビデオチャット・「Hutt」
Hutt Huttはユーザー登録もパスワードも不要のビデオチャットサービスです。チャット相手を増やす場合は指定されたURLを相手に渡すだけで完了します。すごく便利ですね、これ。結構おススメです。 Hutt
Bootstrap向けのフラットなアイコンフォント・「Flat Line Icons Webfont」
Flat Line Icons Webfont Flat Line Icons WebfontはBootstrap向けに作られたフラットなアイコンフォントです。無料版と有料版があり、無料版は50、有料版は180以上のアイコンが用意され...
Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」
Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...
Bootstrapベースの管理画面向けテンプレート・「AdminLTE」
AdminLTE AdminLTEはBootstrap 3をベースとしたコンロールパネル向けのデザインテンプレートです。BootstrapベースなのでRWDにも対応しているのは楽でいいですね。サンプルをざっと見た感じは、かなり良くでき...
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」
RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...
スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」
Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...
パブリックドメインの高品質な画像を日々更新、配布する・「Public Domain Archive」
Public Domain Archive Public Domain Archiveは品質の高めな画像をパブリックドメインで提供してくれるWebサイトです。数はまだ多くはありませんが、毎日更新するプロジェクトも進行中なのですぐに増え...
CSSのみで作られたUIコンポーネント集・「Pure CSS Components」
Pure CSS Components Pure CSS ComponentsはCSSのみで作られたUIコンポーネント集です。タブやモーダルウィンドウ、カルーセル、アコーディオン、ドロップダウンメニューなどの実装コードが紹介されていま...
映画のワンシーンからカラーパレットを生成・公開している・「Movies In Color」
Movies In Color Movies In Colorは映画のワンシーンから、使用されている色を抽出し、カラーパレットを生成しているTumblrのWebサイトです。映画である特別な理由は無く、更新者の知的好奇心から始めたみたい...
スピード構築に拘ったRWD対応のグリッドシステム・「Jeet」
Jeet Jeetは高速構築を目指したレスポンシブWebデザイン対応のCSSグリッドシステムです。柔軟性、使いやすさを重視した、との事。SASSにも対応しています。使いやすいかどうかは個人差があるでしょうけど、個人的には良さそうな印象...
デザインの情報に特化したキュレーションサービス・「」
Panda Pandaはデザイン関係の情報に特化したキュレーションサービスです。DribbbleやBehance、Hacker Newsの情報を収集し、提供してくれます。試してはいませんが、Chromeエクステンションも用意されていま...
Webサイトでよく用いられるパーツやコンポーネントのデザインフレームワーク・「Refills」
Refills RefillsはWebサイトでよく用いられるUIのソースをパッケージ化したフレームワークです。Bourbonを開発したthoughtbotが公開したフレームワークのようですね。ドロップダウンやリスト、フッター、アイキャ...
CSSで書かれたフラットデザインなiPhoneやiPad・「devices.css」
devices.css devices.cssはフラットデザインなiPhoneやiPadをCSSで書くためのコードです。シンプルで見やすいので、モニタ部分に画像をはめ込んでモックアップにしたりもできそうですね。利用シーンは多くはないで...
CSS3によるユニークなホバーエフェクトをまとめた・「iHover」
iHover iHoverはCSS3によるユニークなアニメーションホバーエフェクトをまとめて、パックにして配布するWebサイト。サークルタイプで20種類、スクエアタイプで15種類のエフェクトとソースが紹介されています。CSS3なので使...
iOS7向けのワイヤーフレームをIllustratorで作成する為のキット・「awesomekit.me」
awesomekit.me awesomekit.meはiOS7のワイヤーフレームをIllustratorで作成する為のキットです。マップやリスト、モーダルウィンドウなどなどUIコンポーネントは一通り揃っている印象でした。できる限り工...
IxDをチェックする為のリスト・「IxD Checklist」
IxD Checklist IxD Checklistは、その名の通り、インタラクションデザインのチェックリストです。項目はそれぞれ、アフォーダンス、フィードバックの精度、簡潔性、構造、一貫性などに分けられています。ザッと見直したり、...