最適化ツール resource-category | かちびと.net

Web制作向けリソース

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介
About This

Web制作者向けのTips、チュートリアル、リソース等を自分用のメモとしてほぼ毎日配信しています。たまにWordPressやjQuery、CSSのスニペットのメモも取ります。詳細はAbout me またはhumans.txtに書いてます。

Powered by: WordPress/nginx/css3/html5/jQuery/GA/
Links

Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」

PNGファイルを軽量化する・「UPNG」

HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」

JSONデータのバリデーションやコンバート、整形等が出来る・「JSON Formatter」

WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」

Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」

各画像フォーマットをjpegにコンバートすると同時に軽量化もしてくれる・「Jpeg.io」

色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」

Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」

Web制作者向けのツールを多数揃えている・「Dans Tools」

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

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

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

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」

12 >

Ads

IT・Web業界への転職ならGREEN

Resources Posts

Snippets