英文 | https://javascript.plainenglish.io/15-killer-websites-for-web-developers-35a4c007942a
翻譯 | 楊小愛
寫在前面
今天，我想和大家分享一些有用的網站，有的可以提高你的工作效率，有的可以幫你寫文章，有的可以幫你設計。
現在，讓我們一起來看看這些網站。
1、為您的源代碼建立和分享精美的圖像
位址：https://carbon.now.sh/
使用 Carbon 建立和共享源代碼的精美圖像。它提供了多種代碼樣式和主題。
2、JavaScript 正規表達式可視化工具
位址：https://jex.im/regulex
你是那種因為看起來很複雜而不想學習正規表達式的人嗎？别擔心，我以前和以前一樣，但現在不一樣了。可視化工具使正規表達式更易于了解。
3、 随機圖像
位址：https://unsplash.com/
網際網路上可免費使用的圖檔來源。由各地的創作者提供支援。
4、智能 WebP、PNG 和 JPEG 壓縮
位址：https://tinypng.com/
您可能經常需要壓縮圖像，tinypng 可以免費使用，并且壓縮後的圖像具有很高的清晰度。
5、 Codepen
位址：https://codepen.io
使用 CodePen 将使在 Medium 上嵌入示範代碼變得非常友善，就像在這個例子中一樣。
6、開源圖示
位址：https://ionic.io/
您可以從 Ionic 找到您需要的任何圖示，包括用于 Web、iOS、Android 和桌面應用程式的進階設計圖示。支援 SVG 和網絡字型。完全開源，Ionic。
7、超級實用的調色闆
位址：https://colorhunt.co/palettes/pastel
設計時找不到合适的顔色？Color Hunt 可以幫助我們。
8、我可以使用嗎？
位址：https://caniuse.com/
前端工程師經常需要檢查浏覽器的相容性，Can I use是一個可以查詢CSS和JavaScript在各種流行浏覽器中的特性和相容性的網站。
9、開發文檔
位址：https://devdocs.io/
這個網站有各種項目的文檔，也支援離線使用。
10、cdnjs
位址：https://cdnjs.com/
有時我們需要線上資源來進行程式設計練習。cdnjs 可以幫助我們找到幾乎所有的開源庫。
11、Remove
位址：https://www.remove.bg/zh
本網站可以幫助我們100%自動免費删除圖檔背景。
12、自述檔案
位址：https://readme.so/editor
建立自述檔案的最簡單方法，這個簡單的編輯器允許您快速添加和自定義項目自述檔案所需的所有部分。
13、 您的網站加載速度有多快？
位址：https://gtmetrix.com/
檢視您的網站的運作情況，揭示其緩慢的原因，并發現優化機會。
14、線上編輯圖檔
位址：https://www.photopea.com/
寫文章需要圖檔嗎？圖像可以通過這個網站線上設計。
15、免版稅插圖
位址：https://www.manypixels.co/gallery
2,500 多幅免版稅插圖，助力您的設計。
最後
感謝您的閱讀，以後我會和大家分享更多新的和有用的網站。
PlainEnglish.io 上的更多内容。注冊我們的免費每周通訊。在 Twitter 和 LinkedIn 上關注我們。加入我們的社群 Discord。
學習更多技能
請點選下方公衆号