# 分享好工具

## 前言

如果有發現好用的工具，都可以丟進來哦
可幫助大家切版越來越快

## VSCode

#### [IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)

>這個是可以去爬你的 .css className ，這樣當你在 html 撰寫時就會提示

#### [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)

>這個與上一個套件類似，主要是支援度問題，如果平時是寫 pug它才有支援

#### [單位轉換補充套件](https://marketplace.visualstudio.com/items?itemName=cipchk.cssrem)
>這是 vscode plugin，適用於編輯樣式檔案時，輸入 16px 會有下拉選項可選擇轉成 rem


## 繪圖軟體

#### [Inkscape 開源向量繪圖軟體](https://www.playpcesor.com/2016/04/inkscape-ai.html)
>分享繪圖這個的話，我的使用流程是把 Xd 設計稿圖片載下來，用它畫框框當切版佈局

## 線上工具
#### [squoosh](https://squoosh.app/)
>比熊貓還強的線上照片壓縮

#### [熊貓](https://tinypng.com/)
>傳說中壓縮照片的熊貓

#### [單位轉換](https://nekocalc.com/px-to-rem-converter)
>px轉rem 或其他的單位轉換

###### tags: `Shared`