Webサイトの実装をしていくなかで便利なツールをあったので書き残しておきます。
*headingsMap
HTML のアウトライン構造とヘッダー構造を表示してくれる Chrome 拡張です。
*HTMLエラーチェッカー
HTML の文法に違反した箇所がないかをチェックしてくれる Chrome 拡張です。
*W3C Markup Validator
こちらも HTML の文法チェックをしてくれます。ブラウザで表示したページのソースを表示して、内容を貼り付けて確認することができます。
*Placehold.js
画像がまだ用意されていないときに仮の画像として使うことができるツールです。幅と高さ、色や形など指定することができます。
*Statcounter
ブラウザのシェアを確認するためのサイトです。スクリーンサイズごとや国ごとなど細かい分類で確認することができます。
*所感
その他にも新しいツールが出てきた場合は随時更新していきたいと思います。
Related Posts :