Webデザイン補助

カラーパレットを共有できる・「PLTTS」

BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」

様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」

Ads

レスポンシブ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」