常用工具

這邊整理筆者常用的線上工具，不定期更新~(2020/08/21)

程式碼處理

1. UglifyJS 3: Online JavaScript minifier – 開源的js壓縮器
2. cssminifier.com – CSS壓縮器
3. JSON Editor Online – 好用的JSON編輯器，可自動縮排，方便觀看
4. Differ App – 線上比對文字差異，debug好物

圖片影像編輯處理

1. PIXLR – 線上修圖工具，有簡單的去背功能
2. YOUCOMPRESS – 線上影片圖片壓縮工具
3. squoosh – Google推出的開源圖片壓縮工具，不能批次處理，但可以編輯

CSS、SVG工具

1. CSS Sprite Generator – 快速上傳圖片製作Sprite
2. CSS三角形產生器 – 快速自訂出想要的三角形，所見及所得
3. CSS Gradient – 快速調整想要的漸層樣式
4. Gradient Magic – 提供多種酷炫的CSS背景
5. Blobmaker – 產生隨機式樣的SVG點點
6. Animsta – 可直接下載網站上提供的CSS動畫
7. Get Waves – 快速產生波浪，並提供SVG代碼
8. Clippy – 快速自訂圖片切割的CSS代碼

文書相關

1. draw.io – 線上畫圖工具，流程圖、UML等等

其他

• Can I use – 查詢javascript API的瀏覽器支援程度
• Sound of Text – 線上文字轉聲音檔