Hello World🌍
今回は実務で重宝すること間違いなし！ボクがよく使うHTML/CSS作成&画像圧縮ツールを6つ紹介いたします。
Table Tag Generator
テーブルタグを作成できるツールです。
シンプルなテーブル作成はスクラッチでも簡単ですが、行結合（rowspan）や列結合（colspan）が絡む複雑なテーブルを作成する際は結構面倒くさいですよね。
このツールを使えば複雑なテーブルも楽に作成できてしまいます。
直感的に作成できるのでとても使いやすいです。
CSS Triangle Generator
三角形を作成できるツールです。
向き・サイズ・色を選択して出来上がり！
ボクは三角形を作る機会がかなり多く、いつもこのツールに頼っています。
そのため、三角形の作り方は未だに覚えられません😅
CSS STRIPE GENERATOR
ストライプを作成できるツールです。
なんとCSSでストライプも作れてしまうんですね！
角度・線幅・間隔・線色・背景色を選択して出来上がりです。
わざわざストライプ画像を用意しなくても済みますね。
Web Code Tools
様々なHTMLタグやCSSだけでなく、metaタグ周りの作成もできるオールマイティなツールです。
ボクはOGP・Twitter周りのmetaタグやCSSアニメーションの作成でよく使っています。metaタグの周りは何が必要かってあまり覚えていられないですよね…😅
本当に助かっています！
CSS Generator Tool
TransformやShadow周り、Cursorパターンなど、CSSの値からはイメージしづらいものをプレビューしながら作成できます。
COMPRESSOR
JPG、PNG、SVG、WEBPなどあらゆる形式の画像を素早く圧縮できるツールです。
数ある圧縮ツールの中で優れているところは、圧縮スピードの速さとJPGを綺麗に圧縮できる点です！
ファイルサイズが10MBまでであれば一括で圧縮することも可能です。
おわりに
「これコードで実現できるのか😟？」
「楽に実装する方法はないかなあ🤔」
と思って調べてみると、意外に情報や作成ツールが出てきます。
情報発信やツールを作成してくれた人たちには本当に感謝しかないです🙏
ではまた✋
