Tools & Resources

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

Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」

様々なコードスニペットを保存、編集できる・「SnipSave」

Ads

Webサイトの表示速度を計測できる・「Pingdom」

Web上でSQLをテストできる・「SQL Fiddle」

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

オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」

レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」

画像をDataURIスキームに変換する・「Data URI Generator」

画面サイズごとの表示を確認出来る・「Screenqueri.es」

色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」

難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」

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

複数ブックマークレットを一纏めに・「Bookmarklet Combiner」

様々なAPIを叩けるコードテスト&共有ツール・「CodeNow」

ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」

HTML5のテンプレートを作るスタータージェネレーター・「Initializr」

オンラインでクロスブラウザテスト・「browserling」

WordPressでfunctions.phpによく含めるコードのスニペット集・「WP FUNCTION ME」

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

HTML5スニペットの共有サイト・「HTML5 Snippets」

HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」