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

Web制作向けリソース

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

Kudos for
About This

Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.
Links

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」

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

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

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

求人広告募集

Ads

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

Posts

Contact

Others