Webデザイナー向け

ジェネレーター

4つのCSSツールを1つのサイトに集約した・「CSSmatic」
Webデザイン補助

レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」
ジェネレーター

レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」
ジェネレーター

画像をDataURIスキームに変換する・「Data URI Generator」
Webデザイン補助

画面サイズごとの表示を確認出来る・「Screenqueri.es」
Webデザイン補助

色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」
デザインギャラリー

様々なWebサイトのワイヤーフレームを紹介する・「Wireframe Showcase」
ジェネレーター

ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」
CSS/HTML

HTML5のテンプレートを作るスタータージェネレーター・「Initializr」
最適化ツール

オンラインでクロスブラウザテスト・「browserling」
インスピレーション

Android専門のアプリUIギャラリー・「Android App Patterns」
Webデザイン補助

ダミー画像を簡単に生成出来る・「placebox.es」
フレームワーク

iOS向けの様々なフレームワークをまとめた・「iOS Frameworks」
Webデザイン補助

色に関する様々な情報を提示してくれる・「ColorHexa」
Webデザイン補助

iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」
Webデザイン補助

Fireworksライクなモックアップ作成ツール・「Stylo」
最適化ツール

CSSを綺麗に整形する・「ProCSSor」