Webサイト制作に便利なツールまとめ


Webサイトの実装をしていくなかで便利なツールをあったので書き残しておきます。




*headingsMap

HTML のアウトライン構造とヘッダー構造を表示してくれる Chrome 拡張です。







*HTMLエラーチェッカー

HTML の文法に違反した箇所がないかをチェックしてくれる Chrome 拡張です。








*W3C Markup Validator

こちらも HTML の文法チェックをしてくれます。ブラウザで表示したページのソースを表示して、内容を貼り付けて確認することができます。







*Placehold.js

画像がまだ用意されていないときに仮の画像として使うことができるツールです。幅と高さ、色や形など指定することができます。







*Statcounter

ブラウザのシェアを確認するためのサイトです。スクリーンサイズごとや国ごとなど細かい分類で確認することができます。









*所感

その他にも新しいツールが出てきた場合は随時更新していきたいと思います。

Previous
Next Post »

人気の投稿