攤牌了,做為前端,我經常在用的15個國外網站

前端小智發表於2021-09-30

作者:Fernando Doglio
譯者:前端小智
來源:medium

有夢想,有乾貨,微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。

本文 GitHub https://github.com/qq449245884/xiaozhi 已收錄,有一線大廠面試完整考點、資料以及我的系列文章。

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

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/resource...

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

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 中,你會看到完全不同的瀏覽器佈局,它更像是一個工作臺,你開啟的每個網頁會在側邊顯示對應的專案,你可以像管理任務一樣管理網頁,比如將其標記為完成、設定稍後處理等,還有一個體驗很好的地方就是當開啟該網站上的連結時,你可以將其作為子頁面開啟,該頁面會自動顯示在父頁面下面,可以幫助更好地歸類網頁


程式碼部署後可能存在的BUG沒法實時知道,事後為了解決這些BUG,花了大量的時間進行log 除錯,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug

原文:https://javascript.plainengli...

交流

有夢想,有乾貨,微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。

本文 GitHub https://github.com/qq44924588... 已收錄,有一線大廠面試完整考點、資料以及我的系列文章。

相關文章