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

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

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

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

2. JavaScript 正則表達式可視化工具

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

你是那種因為看起來復雜而不想學習正則表達式的人嗎？ 別擔心，我曾經(jīng)是一樣的，但現(xiàn)在不一樣了。 可視化工具使正則表達式更易于理解。

3.圖片圖庫

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

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

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

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

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

5.  Codepen

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

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

6. 開源圖標

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

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

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

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

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

8.Caniuse

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

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

9. 開發(fā)文檔

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

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

10.cdnjs

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

有時我們需要在線資源來進行編程練習。 cdnjs 可以幫助我們找到幾乎所有的開源庫。

11.一鍵摳圖

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

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

12. 自述文件

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

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

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

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

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

14.在線編輯圖片

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

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

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

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

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