Webデザイナー向け

Webデザイン補助

ダミー画像を手軽に作成する・「PlaceIMG」
CSS/HTML

CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」
インスピレーション

iPhone, や、iPad、MacのアプリサイトのWebデザインギャラリー ・「App Sites」
Ads
Webデザイン補助

任意のWebサイトの使用カラーを抽出する・「ColrGrabr」
Webデザイン補助

CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」
ジェネレーター

CSSによる三角形をジェネレートできる・「CSS triangle generator」
その他

デバイスに応じたMedia Queriesのコードをコピペ出来るスニペット一覧表・「Media Query Snippets」
Webデザイン補助

PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」
編集ツール

ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」
インスピレーション

学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」
Webデザイン補助

猫の画像をダミー画像として使える・「{placekitten}」
Webデザイン補助

Sass用のカラー調整Webツール・「SassMe」
Webデザイン補助

デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Blok Grid System」
インスピレーション

CSSタイポグラフィの使用例をコレクションしている・「Typespiration」
Webデザイン補助

動作も軽く使いやすいモックアップ作成ツール・「Moqups」
CSS/HTML

レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」
CSS/HTML

面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」
ソフトウェア

PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」
ジェネレーター

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

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

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