最適化ツール

最適化ツール

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」

Webデザイン補助

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

ソフトウェア

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

最適化ツール

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

ソフトウェア

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

最適化ツール

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

最適化ツール

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