Webディレクター向け

編集ツール

ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」
JavaScript

jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」
ジェネレーター

人物の顔のダミー画像生成ツール・「ui Faces」
Ads
ソフトウェア

GitHub製のテキストエディタ・「Atom」
Webデザイン補助

Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」
ジェネレーター

CSS3のkeyframesを容易に設定出来る・「CSS3 Keyframes Animation Generator」
その他

Chromeのブックマークをスクリーンショット付きにし、ソートしたり検索出来るエクステンション・「DEWEY」
編集ツール

シンプルで見やすいMarkdownエディタ・「writebin」
JavaScript

jQueryのカスタムビルドを作成出来るツール・「jQuery Builder」
JavaScript

SVGで描いた地図をクリッカブルマップにする為のスクリプト・「twism」
インスピレーション

UIとインタラクションデザインのパターンをGifアニメで紹介する・「useyourinterface.com」
JavaScript

JSONデータからtableを作成するためのスクリプト・「DYNATABLE」
Webデザイン補助

Webデザインのリソースサイトへのリンクを大量に収集している・「webdesignrepo」
その他

Android向けのUIキット・「Android FlatUI」
CSS/HTML

Font Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSS・「Font Awesome Animation」
編集ツール

オープンソースで公開されているベクターグラフィックエディタWebアプリ・「Mondrian」
Webデザイン補助

背景に使えるパターン画像を収集、配布する・「The Pattern Library」
編集ツール

描いたものがアスキーアートになるドローツール・「Asciiflow」
Webデザイン補助

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」
その他

Google公式のWordPressプラグイン・「Google Publisher Plugin」
インスピレーション

合字を用いたタイポグラフィのデザインギャラリーサイト・「I Love Ligatures」
CSS/HTML

クオリティの高めなTwitter Bootstrapテーマを紹介する・「Black Tie」
次のページ