見出し画像

WEBサイト制作で役に立ちそうなツールをご紹介

WEBを制作する人にとって、知っておくと便利な「方法」や「サイト」はメモをしたり、ブックマークをしたりと、再利用のためにストックしている事が多いと思います。
人によって便利かどうかはマチマチですが、
個人的にストックしておくと便利だと感じるツールを一部ご紹介いたします。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★optimizilla
JPEGやPNGイメージを最小サイズに圧縮する画像最適化ツール↓
http://optimizilla.com/ja/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★tinypng

JPEGやPNGイメージを最小サイズに圧縮する画像最適化ツール↓
https://tinypng.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★placehold
コーディングの際にサイトにはめ込むダミー画像を生成できるツール↓
https://placehold.jp/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★ogimage

FacebookのOGP画像シミュレータ↓
http://ogimage.tsmallfield.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★fontawesome

Webアイコンフォントを手軽に表示↓
https://fontawesome.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★Can I use ?

プロパティのブラウザ対応状況を簡単にチェックできるツール↓
https://caniuse.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


【番外編】

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━★Scri.ch
ブラウザ 上に自由にお絵描きができる極シンプルなツール↓
https://scri.ch/
●書いた絵は保存ボタンでショートURLを発行し、共有が可能です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━上記以外にも様々なツールがあり、一気にすべて紹介、活用するのは難しいですが、

また次回に紹介をさせて頂きます。

参照元
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━Qiita | web制作が捗りそうな便利なwebツール【随時更新】 @ta-ke-no-bu
https://qiita.com/ta-ke-no-bu/items/c2b8b8b77555fbf50370
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

この記事が気に入ったらサポートをしてみませんか?