ジェネレーター Tools & Resources
ジェネレーター 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」
最適化ツール 難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」
デザインギャラリー