今天我想和大家分享一些有用的網(wǎng)站，有的可以提高你的工作效率，有的可以幫助你寫文章，有的可以幫助你做設(shè)計(jì)。 現(xiàn)在，我們一起來(lái)看看。

1. 代碼轉(zhuǎn)圖片

網(wǎng)址：https://carbon.now.sh/

使用 Carbon 創(chuàng)建和分享源代碼的精美圖像。 它提供了多種代碼風(fēng)格和主題。

2. JavaScript 正則表達(dá)式可視化工具

網(wǎng)址：https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24

你是那種因?yàn)榭雌饋?lái)復(fù)雜而不想學(xué)習(xí)正則表達(dá)式的人嗎？ 別擔(dān)心，我曾經(jīng)是一樣的，但現(xiàn)在不一樣了。 可視化工具使正則表達(dá)式更易于理解。

3.圖片圖庫(kù)

網(wǎng)址：https://unsplash.com/

互聯(lián)網(wǎng)上可免費(fèi)使用的圖片來(lái)源。 由各地的創(chuàng)作者提供支持。

4. 智能 WebP、PNG 和 JPEG 圖片壓縮

網(wǎng)址：https://tinypng.com/

你可能經(jīng)常需要壓縮圖片，tinypng免費(fèi)使用，壓縮后的圖片清晰度高。

5.  Codepen

網(wǎng)址：https://codepen.io/

使用 CodePen 可以非常方便地在博客或者 Medium 文章里嵌入演示代碼。

6. 開(kāi)源圖標(biāo)

網(wǎng)址：https://ionic.io/

您可以從 Ionic 中找到您需要的任何圖標(biāo)，包括用于 Web、iOS、Android 和桌面應(yīng)用程序的高級(jí)設(shè)計(jì)圖標(biāo)。 支持 SVG 和網(wǎng)絡(luò)字體。 Ionic完全開(kāi)源。

7.在線調(diào)色板

網(wǎng)址：https://colorhunt.co/palettes/pastel

設(shè)計(jì)時(shí)找不到合適的顏色？ Color Hunt 可以幫助我們。

8.Caniuse

網(wǎng)址：https://caniuse.com/

前端工程師經(jīng)常需要檢查瀏覽器的兼容性，Can I use是一個(gè)可以查詢各種流行瀏覽器的CSS和JavaScript的特性和兼容性的網(wǎng)站。

9. 開(kāi)發(fā)文檔

網(wǎng)址：https://devdocs.io/

這個(gè)網(wǎng)站有各種項(xiàng)目的文檔，也支持離線使用。

10.cdnjs

網(wǎng)址：https://cdnjs.com/

有時(shí)我們需要在線資源來(lái)進(jìn)行編程練習(xí)。 cdnjs 可以幫助我們找到幾乎所有的開(kāi)源庫(kù)。

11.一鍵摳圖

網(wǎng)址：https://www.remove.bg/zh

本網(wǎng)站可以幫助我們 100% 自動(dòng)免費(fèi)刪除圖像背景。

12. 自述文件

網(wǎng)址：https://readme.so/editor

創(chuàng)建自述文件的最簡(jiǎn)單方法，這個(gè)簡(jiǎn)單的編輯器允許您快速添加和自定義項(xiàng)目自述文件所需的所有部分。

13. 測(cè)試網(wǎng)站加載速度

網(wǎng)址：https://gtmetrix.com/

查看您的網(wǎng)站的運(yùn)行情況，揭示速度緩慢的原因，并發(fā)現(xiàn)優(yōu)化機(jī)會(huì)。

14.在線編輯圖片

網(wǎng)址：https://www.photopea.com/

寫文章需要文章封面圖片怎么辦？ Photopea在線編輯圖像網(wǎng)站可以幫助你，你通過(guò)這個(gè)網(wǎng)站就可以實(shí)現(xiàn)在線設(shè)計(jì)圖片。

15. 免版權(quán)插圖

網(wǎng)址：https://www.manypixels.co/gallery

2,500 多幅免費(fèi)插圖，為您的設(shè)計(jì)增光添彩。