Webディレクター向け

Webデザイン補助

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

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

オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」
Ads
編集ツール

オンラインでjQuery UIのデザインを作成・「jQUIT」
最適化ツール

CSSを即時整形するツール・「CSS Beautify」
ジェネレーター

アイコンのデザインをカスタマイズしてダウンロード出来る・「IconBench」
ジェネレーター

PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」
その他

CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
インスピレーション

色々な企業のブランドカラーを一覧化した・「GUIDELINE COLOURS」
ジェネレーター

4つのCSSツールを1つのサイトに集約した・「CSSmatic」
ジェネレーター

アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」
編集ツール

シンプルなオンラインSVGエディタ・「Method Draw」
CSS/HTML

Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」
最適化ツール

Webサイトの表示速度を計測できる・「Pingdom」
Webデザイン補助

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

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

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

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

ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」
最適化ツール

JPGをオンライン上で圧縮、最適化する「JPEGmini」
その他

HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」
Webデザイン補助

ダミー画像を簡単に生成出来る・「placebox.es」
次のページ