1、DevDocs

DevDocs將不同語言、框架和庫的AP都I匯聚到了一個網頁上，你可以直接在一個頁面進行搜索。

https://devdocs.io/

缺點就是網站的文檔都是英文的。

2.ray.so

這個網站能夠讓你生成十分漂亮的代碼片段的截圖，它支持暗黑模式和各種預設的語言主題。你也可以使用它的VSCode擴展插件。

https://ray.so/

3.Poet.so

該網站能夠基于Twitter、LinkedIn和Shopify三個社交媒體網站的網頁鏈接生成圖片。并且提供了十分漂亮的樣式和主題可供選擇。

https://poet.so/

4.roadmap.sh

這個網站提供了一些可供開發者參考的學習路徑和學習資料，這對于想學習某一個技術領域的初學者來說十分有幫助。

https://roadmap.sh/

5.LambdaTest

LambdaTest是一個基于云的跨瀏覽器測試平臺。它提供多達2000多種不同的瀏覽器、操作系統和設備去測試你的應用。你可以很好的使用它去自動化或者手動的去測試你應用的瀏覽器兼容性問題。

https://www.lambdatest.com/

6.daily.dev

通過daily.dev這個網站，你可以找到適合每天閱讀的優秀的技術文章。這個網站聚合了各類不同平臺的優秀技術文章。你可以安裝他們的瀏覽器插件，這樣就能方便地將優質的技術內容直接更新到你的瀏覽器上。

https://App.daily.dev/

7.Showwcase

Showwcase是一個專注于開發者、開發社區和開發者尋找工作機會的新社交媒體。它的設計理念有點像領英，但是它只是專注于開發者領域。

https://www.showwcase.com/

8.css-TRICKS

你可以從這個網站上學習到各類CSS的技巧，以此幫助你開發更加漂亮的Web應用。

https://css-tricks.com/

9.Medusa

Medusa 是一個開源的 Shopify 替代品。能夠幫助你快速開發E2E 訂單處理和商品管理界面等。關鍵的是，Medusa免費！

https://www.medusajs.com/

10. SMARTMOCKUPS

為什么你還要花時間學習Photoshop？ Smartmockup能夠根據你上傳的圖片（產品素材），直接在網頁上生成高分辨率的產品模板（例如將你的產品顯示在T恤、水杯和電腦屏幕上）。基于web瀏覽器的方式，Smartmockup的專業模板素材在一直增加，你無需任何設計經驗就能獲得專業的模板。

https://smartmockups.com/zh

11. Code Beautify

在網頁上美化你的代碼，并且該網站提供了一系列開發者經常使用的工具（有點像站長工具）。但問題是該類網站的廣告都比較多...

https://codebeautify.org/

12.overAPI

對于開發者來說，overAPI絕對是最漂亮和實用的網站。它聚合了大多數開發語言和工具的API，并以一頁備忘錄的形式展現。快去看看吧~

https://overapi.com/

13.Responsively

這是一個基于開源項目的網站，它能夠將各個設備屏幕展現在同一個頁面上，能夠讓你非常方便的開發響應式網站，大幅提高前端開發的效率。

https://responsively.app/

14.uigradients.com

一個可以讓設計人員和網頁開發者選擇優秀配色方案的網站。

https://uigradients.com/#Cherryblossoms

15.neumorphism.io

如果你喜歡擬態類風格的ui那么這個網站一定能幫助你。

https://neumorphism.io/#e0e0e0

16.uishe.cn

你在做布局或者在做ui時有窮頭陌路的時候，希望這個ui主題網能給你一些靈感。

https://www.uishe.cn/ui/uikit

17.Carbon

和ray.so一樣，這個網站也提供了代碼片段生成圖片的能力。

https://carbon.now.sh/

18. Meta Tags

這個網站對于需要進行國際化開發的前端來說十分重要，國外的google、Facebook或LinkedIn等社交媒體提供了一系列的<meta>標簽，當你的網頁被檢測到對應的<meta>標簽時，在這些社交媒體進行分享或者展現你的網頁時，會提供額外的能力。這個網站就能夠自動生成這些<meta>標簽，并且能夠直接在網頁上預覽在不同社交媒體上的展現方式。