Webデザイン補助
様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」
レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」
Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」
URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」
PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」
ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」
国産のダミー画像生成サービス・「Placehold.jp」
ダミー画像を手軽に作成する・「PlaceIMG」
CSSを書いてリアルタイムでプレビューできる・「CSSDesk」
任意のWebサイトの使用カラーを抽出する・「ColrGrabr」
CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」
PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」
猫の画像をダミー画像として使える・「{placekitten}」
Sass用のカラー調整Webツール・「SassMe」
デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
動作も軽く使いやすいモックアップ作成ツール・「Moqups」
Illustratorのデータをcanvasに変換する・「Ai to Canvas」
レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」
レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」