Webディレクター向け

ジェネレーター

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

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

シンプルで見やすいMarkdownエディタ・「writebin」
Ads
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」
最適化ツール

GIFアニメーションをHTML5にコンバートする・「gfycat」
その他

「後で読む」ページをリスト化し、メールで教えてくれるリマインダーサービス・「ReRead」
JavaScript

Bootstrap向けのスライド式カラーピッカーを実装するスクリプト・「Bootstrap Color Picker Sliders」
インスピレーション

7日に一度、7枚の高品質な写真素材をパブリックドメインで公開する・「Little Visuals」
CSS/HTML

CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」
次のページ