ジェネレーター Tools & Resources
ジェネレーター ジェネレーター PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」
Webデザイン補助 Illustratorのデータをcanvasに変換する・「Ai to Canvas」
その他 CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
ソフトウェア PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」
インスピレーション 色々な企業のブランドカラーを一覧化した・「GUIDELINE COLOURS」
最適化ツール HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」
ジェネレーター 4つのCSSツールを1つのサイトに集約した・「CSSmatic」
Webデザイン補助 レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」
ジェネレーター アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」
編集ツール シンプルなオンラインSVGエディタ・「Method Draw」
CSS/HTML Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」
共有系サイト 様々なコードスニペットを保存、編集できる・「SnipSave」
最適化ツール Webサイトの表示速度を計測できる・「Pingdom」
プログラミング補助 Web上でSQLをテストできる・「SQL Fiddle」
Webデザイン補助 レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」
最適化ツール オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」
ジェネレーター レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」
ジェネレーター 画像をDataURIスキームに変換する・「Data URI Generator」
Webデザイン補助 画面サイズごとの表示を確認出来る・「Screenqueri.es」
Webデザイン補助 色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」
最適化ツール