Resource - Archives

リアルタイムで共同作業が可能なスケッチボードサービス・「Sketchboard」

Sketchboard Sketchboardは複数人で共同作業が可能なスケッチボードサービスです。離れた場所にいる相手と、リアルタイムでダイアグラムを描くことが可能です。ある程度知った相手となら作成して送信、説明などの工程も省けるよ...

印刷用のグリッド生成ツール・「Gridzzly.com」

Gridzzly.com Gridzzly.comは印刷用のグリッドジェネレーターです。方眼紙やドット方眼紙、ノート用紙に対応しており、幅も設定できます。地味に便利ですね、これ。 Gridzzly.com

PSDファイルからCSSやSVG、画像ファイルなどを取り出せる・「Avocode」

Avocode AvocodeはPSDからCSSやSVG、画像、フォントなどのデータを取り出せるツールです。現在はプライベートベータ版として公開されています。精度は分かりませんが、CSS Hatの開発者さんなので技術的には信用性はあり...
Ads

クラウドファインディングを構築できるオープンソースのソフトウェア・「Goteo」

Goteo Goteoはクラウドファインディングサイトを構築できるOSS。実際にWebサイトは稼動しており、OSSとしてもソースを公開している、というものになりますので実際のユーザーの使用状況なども確認できます。一応多言語化はされてい...

3DオブジェクトをSVGやCanvasでレンダリングする為のライブラリ・「seen.js」

seen.js seen.jsは3DオブジェクトをSVGやCanvasで描く為のライブラリです。デモではCoffeeScriptが使われていますが、こちらは任意の様ですね。デモも多く用意されているので触ってみては如何でしょう。ライセン...

手書き風のベクター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以上のアイコンが用意され...

各Webサービスのパスワード設定ページをまとめた・「ResetPassword.co」

ResetPassword.co ResetPassword.coは様々なWebサービスのパスワード設定ページへのリンクをまとめたWebサイトです。最近物騒ですし、登録したけど利用していないサービスはリセットだけでもしておくといいかも...

Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」

Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...

ピクセルアートを作成、CSSも吐き出す・「piCSSel-art」

piCSSel-art piCSSel-artはブラウザ上でピクセルアートを作成し、その絵を実装できるCSSも吐き出すツールです。GithubにてOSSとして公開されています。ツール自体は至ってシンプルなので大掛かりなピクセルアート向...

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なのかもしれないですね。基本的なものは一通り揃っています...

jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」

Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...

パブリックドメインの高品質な画像を日々更新、配布する・「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が公開したフレームワークのようですね。ドロップダウンやリスト、フッター、アイキャ...

スマートフォンのカメラを利用して認証する・「clef」

clef clefはスマフォのカメラで認証、ログインできるようにするWebサービスです。WordPressのプラグインも用意されています。表示されるアニメーションをスマートフォンの専用のアプリで起動したカメラで読み取ることで認証を完了...
Ads