Webディレクター向け

編集ツール

ブラウザ上でCSSによる3Dを作れるエディタ・「Tridiv」
最適化ツール

入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」
ジェネレーター

Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」
Ads
ソフトウェア

商用でも使えるシンプルなアイコンを大量に配布する・「Simple Icons」
ジェネレーター

デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」
Webデザイン補助

任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」
編集ツール

HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」
ジェネレーター

WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」
Webデザイン補助

Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」
Webデザイン補助

SVGによる背景を作成出来る・「SVGeneration」
インスピレーション

Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
インスピレーション

UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
インスピレーション

Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
編集ツール

YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」
Webデザイン補助

Google Web Fontのフォントの差分を確認出来る・「Tiff」
フレームワーク

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」
編集ツール

HTML5製のオンラインモックアップツール・「mocknow」
編集ツール

CSSで装飾されたチェックボックスのコードをダウンロード出来る・「CSS Checkbox」
ジェネレーター

WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」
JavaScript

要素をレンガ状に並べるライブラリ・「MASON.JS」
その他

HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」
その他

ソーシャルコーディングが可能なオンラインIDE・「FriendCode」
次のページ