最適化ツール

WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」

独自ルールにも対応したJavaScriptの構文チェックツール・「ESLint」

任意の2つのWebサイトのパフォーマンスチェックと、その結果の比較が出来る・「dareboost」

Ads

IE8でWebサイトを閲覧した際に問題の起こりそうな箇所を教えてくれるOSS・「IE8 Linter」

ブラウザ上でSVGを軽量化出来るOSS・「SVGOMG」

任意のWebサイトのCSSを解析し、ステータスを表示してくれるオープンソースのソフトウェア・「CSS Stats」

Webサイトのパフォーマンス向上に役立ちそうなリソース集・「Performance tooling today」

アニメーションGifに関する様々なツールを提供する・「Ezgif.com」

JPGを圧縮出来るmozilla製のmozjpegを試せる・「mozjpeg encoder」

OSSとしても公開されているHTMLチェックツール・「HTMLHint」

閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」

コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」

難読化されたJavaScriptコードを見やすく整形する・「JS NICE」

JavaScriptやHTMLのコード整形と差分チェックが出来る・「Pretty Diff」

GIFアニメーションをHTML5にコンバートする・「gfycat」

JSONやHTML、CSSなど様々なコードの整形ツールをまとめた・「Code Beautify」

PSDファイルのバリデーションツール・「PSD VALIDATOR」

OSSとしても公開されているJavaScriptベースのマージ/Diffツール・「Mergely」

入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」

LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」

CSSのショートハンドを解除してから整形する・「FESS」

CSSを即時整形するツール・「CSS Beautify」