Webデザイン補助

Webデザイン補助

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

Webデザイン補助

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

Webデザイン補助

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

Ads
Webデザイン補助

レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」

Webデザイン補助

Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」

Webデザイン補助

URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」

Webデザイン補助

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」

Webデザイン補助

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」

Webデザイン補助

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」

Webデザイン補助

国産のダミー画像生成サービス・「Placehold.jp」

Webデザイン補助

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

Webデザイン補助

CSSを書いてリアルタイムでプレビューできる・「CSSDesk」

Webデザイン補助

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

Webデザイン補助

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

Webデザイン補助

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

Webデザイン補助

猫の画像をダミー画像として使える・「{placekitten}」

Webデザイン補助

Sass用のカラー調整Webツール・「SassMe」

Webデザイン補助

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

Webデザイン補助

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

Webデザイン補助

Illustratorのデータをcanvasに変換する・「Ai to Canvas」

Webデザイン補助

レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」

Webデザイン補助

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