[[425657]]

平時我們多利用一些網站來提高我們的開發效率，這些是平常自己比較常用的網站，分享給你們，希望能提高大家的摸魚時間。

1.Random-Image-Api

地址：https://source.unsplash.com/

Random-Image-Api 一個能夠獲取隨機圖片的 Api，基于 Spring Boot 構建可讀取本地圖片列表的地址，并提供隨機訪問服務，可配置域名白名單訪問。

2. Carbon

地址：https://carbon.now.sh/

你見過推特上面的 這 些 代碼 圖片 嗎? 雖然這些代碼圖片給人印象深刻，但就審美程度來說還有可改進的地方。Carbon 可以很容易的為你的代碼創建漂亮的圖片。那么還等什么呢?用這個新學到的美化設計給你的 followers 秀一秀吧。

3. Poet.so

地址：https://poet.so/

捕捉并分享Twitter的帖子作為美麗的圖片。

4.Weekly Visitor Report

地址：https://clearbit.com/resources/tools/visitor-report#get-started

一個簡單實用的周報系統。

5.Smart Mockup

創建令人驚艷的產品模板

• 最快的基于網絡的模板工具
• 不需要經驗或技能，用起來易如反掌
• 專業模板庫不斷增大

6.Small Dev tools

地址：https://smalldev.tools/

便捷的開發者工具，具有令人愉悅的界面。提供20多個工具，幫助開發人員完成通常執行的任務，如編碼/解碼、最小化、測試假數據集，以及更多。

7.在控制臺中顯示漂亮的消息

地址：http://npmjs.com/package/figlet

Figlet 是一個用普通文本制作大字母的程序。 

8.一個可視化的類型表

地址：http://type-scale.com/

type-scale 是一個可讓用戶按比例來顯示文本大小的在線工具。內置多種比例規模，用戶可以通過Scale選項來改變，還帶有實時預覽，簡單便捷。

9.從圖像中刪除背景

地址：https://remove.bg/

消除圖片中的背景。

10.響應式

地址：https://responsively.app/

Responsively Mac版是Mac電腦上的一種 Web 瀏覽器，可幫助響應式 Web 應用程序開發。Responsively Mac版讓開發響應式 Web 應用程序的速度提高了 5 倍。

11.元標簽

地址：http://metatags.io/

Meta Tags 是一種為任何網站調試和生成元標簽代碼的工具。您可以編輯和試驗您的內容的標簽，然后預覽您的網頁在 Google、Facebook、Twitter 等上的外觀!

12.ReadMe

地址：https://readme.so/

在幾分鐘內直觀地創建 README 文件的最簡單方法

 

 

13.Storytale

地址：https://storytale.io/

用于 Web 和移動項目的高級插圖。使用出色的角色讓我們的項目引人注目。將其用于商業和個人目的。

14.Profile Pic Maker

地址：https://pfpmaker.com/

Pfpmaker 一個個性化頭像在線生成神器，通過上傳您的個人頭像，在線 AI 技術自動將照片去除背景，然后幾秒鐘就可以上傳幾十個有趣好玩的個性化頭像，同時可以對頭像風格進行顏色編輯、陰影處理等等，喜歡哪款頭像單擊下載按鈕即可，可用于社交頭像、微信頭像、以及微博頭像等等，全球超過 10 萬用戶使用這個頭像生成工具，幫助用戶解決個人資料頭像的問題，讓您的社交變得專業或者有趣。操作非常的簡單，只需要上傳您的照片，或者動物頭像，支持 5 Mb 的 jpg / png 格式圖像，然后自動使用 AI 人工智能進行背景去除，即可獲得幾十張好看的個性頭像了。

15.SigmaOS

地址：https://sigmaos.com/

在 SigmaOS 中，你會看到完全不同的瀏覽器布局，它更像是一個工作臺，你打開的每個網頁會在側邊顯示對應的項目，你可以像管理任務一樣管理網頁，比如將其標記為完成、設置稍后處理等，還有一個體驗很好的地方就是當打開該網站上的鏈接時，你可以將其作為子頁面打開，該頁面會自動顯示在父頁面下面，可以幫助更好地歸類網頁

作者：Fernando Doglio 譯者：前端小智

來源：medium 原文：https://javascript.plainenglish.io/17-killer-websites-for-web-developers-13e1e30345b8