手書き風のベクターUIキット・「Jolly UI」
Jolly UI Jolly UIは手書き風のUIキットのベクター素材です。キットの中はAIファイルやPSDファイル、手書き風のフォントが揃えられています。フォントは英字フォントなのでアレですが、モックアップの作成に使えそうですね。 ...
Resource - Webディレクター向け
ユーザー登録もパスワードも不要の、手軽に使えるビデオチャット・「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マッ...
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」
RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...
パブリックドメインの高品質な画像を日々更新、配布する・「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が公開したフレームワークのようですね。ドロップダウンやリスト、フッター、アイキャ...
iOS7向けのワイヤーフレームをIllustratorで作成する為のキット・「awesomekit.me」
awesomekit.me awesomekit.meはiOS7のワイヤーフレームをIllustratorで作成する為のキットです。マップやリスト、モーダルウィンドウなどなどUIコンポーネントは一通り揃っている印象でした。できる限り工...
IxDをチェックする為のリスト・「IxD Checklist」
IxD Checklist IxD Checklistは、その名の通り、インタラクションデザインのチェックリストです。項目はそれぞれ、アフォーダンス、フィードバックの精度、簡潔性、構造、一貫性などに分けられています。ザッと見直したり、...
よく見かけるGoogle Fontsのフォントのクローンを作成、Webフォントとして配信する・「Brick」
Brick Brickはよく見かけるGoogle Fontsのフォントを、出来る限り手を加えずに品質を向上させ、Webフォントとして配信するWebサービスです。ツール及び、クローンフォントはGithubでも公開されています。利用方法は...
WebベースのiOS7アプリ向けHTMLフレームワーク・「Framework7」
Framework7 Framework7はWebベースのiOS7アプリ向けに開発されたHTMLフレームワークです。iOS7のようなフラットなデザインで各UIコンポーネントもiOS7を意識した作りとなっています。ライセンスはMITとの...
読み物系のコンテンツ向けに作られたWordPressプラグイン「AESOP STORY ENGINE」
AESOP STORY ENGINE AESOP STORY ENGINEは長編物語等の読み物コンテンツ向けに作られたWordPressのプラグインです。パララックス効果のある挿絵の挿入や、登場人物紹介、音源や動画などを記事内に挿入す...
Flexboxを使ったCSSグリッドシステム・「Flexbox Grid」
Flexbox Grid Flexbox GridはCSS3のFlexboxを使用したRWD対応のグリッドシステムです。flexible boxを使う事により、軽量でシンプルな設計を実現できそうですね。対応ブラウザはCan I Use...
様々なスマフォアプリのFTUEをまとめている・「First Time User Experiences」
First Time User Experiences First Time User Experiencesは様々なスマフォアプリのUXで感じた良点や、改善点などをTumblrでレビューしているWebサイト。First Time U...
SVGをアップロードしてフォント化できる・「Glyphter」
Glyphter GlyphterはSVGをアップロードしてフォント化、ダウンロードできるWebツールです。それぞれのアルファベット文字に、任意のSVGファイルをアップロードしてフォントを作成できます。アップロードはドラッグ&ドロップ...
オープンソースの請求書管理システム・「Invoice Ninja」
Invoice Ninja Invoice NinjaはOSSとして公開されている請求書管理システムです。PDFビューアやPaypalとの連携、発行した請求書の管理や、直接送信できる配慮も成されています。ライセンスは少し聞きなれない、...
透過されたシームレスなパターン画像を配布する・「TRANSPARENT TEXTURES」
TRANSPARENT TEXTURES TRANSPARENT TEXTURESは透過されたシームレスなパターン画像を配布するWebサイトです。透過テクスチャは個人的には珍しかったので備忘録として。素材はダウンロードも可能ですが、提...
Sublime Textのpackageをまとめた・「Package Control」
Package Control Package ControlはSublime TextのpackageをまとめたWebサイトです。よく使われているプラグイン、新しく作られたプラグインなどを探せたり、詳細をチェックする事ができます。ザ...