嘿嘿嘿，10個我經常逛的“小網站”，不騙人！

語言: CN / TW / HK
時間 2022-12-13 08:15:05

反思一下，為什麼你會點進來~

咳咳，步入正題。

工欲善其事必先利其器，你們的收藏夾裡收藏了多少“小網站”？今天和大家分享10個我壓箱底的效率工具/平臺，現在用不上不要緊，趕緊收藏最關鍵！

圖片

1.GitHub Desktop（Git介面工具）

http://desktop.github.com/

對新手而言，要記住那麼多git命令是有些困難，所以GitHub Desktop就可以派上用場了！

GitHub Desktop的使用體驗要好於Sourcetree、TortoiseGit。

之所以不少人放棄Sourcetree 轉而使用GitHub Desktop，是因為兩點：

  • GitHub Desktop免費，Sourcetree收費，收費指定幹不過免費；

  • GitHub Desktop支援分支搜尋。

圖片

GitHub Desktop上手簡單易用，深入使用後會發現很貼合我們的試用習慣，很好的契合了GitHub，大家有時間時可以來體驗一下！

2.LightHouse（開源的自動化工具）

http://github.com/GoogleChrome/lighthouse

Lighthouse 是一個開源的自動化工具，用於改進網路應用的質量。

可以將其作為一個 Chrome 擴充套件程式執行，或從命令列執行。

當為Lighthouse提供一個要審查的網址，它將針對此頁面執行一連串的測試，然後生成一個有關頁面效能的報告。

讓開發人員根據生成的頁面效能的報告，來進行網站優化和完善，提高使用者體驗。

可以參考失敗的測試，看看可以採取哪些措施來改進應用。

圖片

在裡面你可以看到它給你各個方面的建議，比如圖片、css、js 這些檔案的處理，還有 html 裡面標籤的使用，快取處理等建議，可以根據這些來對網站進行優化。

3.Tinypng（圖片線上壓縮）

http://tinypng.com/

在日常開發過程中，圖片壓縮是再常見不過的需求了。

Tinypng是一個完全免費且具備高壓縮率的線上圖片壓縮網站，能滿足我們日常大部分壓縮圖片的需求。

無論你的圖片格式是WEBP，還是JPEG或PNG，Tinypng都可以快速幫你實現壓縮~它有選擇的減少影象中的顏色數量，使儲存資料所需的位元組數減少。

壓縮後的圖片雖然肉眼看不出太大的變化，但檔案大小卻有很大差異，Tinypng值得收藏！

圖片

4.摹客（產品研發協作平臺）

‍http://www.mockplus.cn/idoc/developer‍

在座的各位朋友：你們公司產品、UI有沒有經常找你們掰扯還原度低的問題？

不是標註有遺漏，就是切圖不全面，還有在開發過程中忽略了產品策略文件，大部分的時間都花在了debug上，還原度能高才是怪事！

自從我們產研團隊用上了摹客進行團隊協作後，工作效率提升了不少。

圖片

摹客支援自動標註功能，80%的標註資訊hover在對應模組就會自動顯示，比UI手動標註準確率更高。

至於切圖檔案，之前UI改稿後會反覆給我們傳送切圖壓縮包，但現在，UI只需要把最新設計稿上傳至摹客，我們自己就能下載切圖檔案，不同平臺（iOS/Android/Web）、不同倍率、不同格式（PNG/WebP/SVG/JPG），切圖實現了自給自足。

圖片

並且在下載切圖素材前，還可以選擇壓縮切圖，壓縮/下載一條龍服務！

另外，產品可以在定稿模式下對產品策略說明進行手動標註，增強我們對產品的理解，儘可能降低開發邏輯錯誤的頻率。

圖片

5.css3（動畫程式碼合集）

http://www.webhek.com/post/css3-animation-sniplet-collection/#/

在我們日常開發的過程中，會遇到一些簡單CSS動畫的需求，如果為了一兩個動畫引入庫可能會感覺得不償失，若每次在網上搜相關的程式碼又顯得太過費時費力，因此，CSS3的價值就體現出來了！

CSS3中包含了我們常見的動畫效果，並且有片段程式碼，我們只需要Ctrl C+V即可。無需註冊，直接點選就能檢視，十分貼心！

圖片6.EMOJIALL（emoji合集）

http://www.emojiall.com/zh-hans

自蘋果釋出的iOS5輸入法中加入了emoji後，emoji席捲全球，emoji已被大多數現代計算機系統所相容的Unicode編碼採納，普遍應用於各種手機簡訊和社交網路中。

你可以將EMOJIALL當成一本全面的emoji詞典，其中包含了不同種類不同版本不同系統的emoji。

圖片

在這裡，你可以瞭解emoji的起源發展，搜尋不同含義的emoji並複製使用，並提供了emoji小遊戲，總之，它將emoji玩出了花，收藏起來，你遲早能用上！

7.undraw（svg插畫）

http://undraw.co/

在開發過程中，如果需要免費的SVG插圖，那你一定錯過undraw！

在這裡，上千張插畫你可以盡情挑選，扁平化風格和手繪風格的插畫可以適用多種場景，都毫無違和感。

圖片

最有意思的是，插畫的顏色可以根據你頁面的主題色進行統一修改，系統預設了6種配色方案，你也可以自定義顏色，下載支援PNG和SVG兩種格式，支援免費商用，使用者體驗超好der！

圖片

8.創客貼（快速做圖工具）

http://www.chuangkit.com/

你有臨時遇到設計需求，設計師沒時間接的情況嗎？

即使你設計零基礎，也可以用創客貼1分鐘做圖，輕鬆解決設計難題。

圖片

創客貼中有超多的圖片模板素材，零設計基礎的你只需要挑選合適的模板、修改文字、替換配圖，三步就能完成線上做圖。

如果你還是一名自媒體博主，公眾號的封面也可以使用創客貼搞定，輕鬆便捷！

9.iodraw（無限制流程圖工具）

http://www.iodraw.com/

當我們在分析研究專案時，經常需要畫流程圖、思維導圖來輔助思考。

我常用的畫圖軟體是iodraw，它可支援流程圖、UML圖、架構圖、原型圖等，能夠與Github，Google Drive, One drive等網盤同步。

軟體打出了永久免費的口號，十分具有吸引力！

有時在網路環境不佳或使用Web版不方便的情況下，也可使用他們的離線桌面版畫圖~

圖片

10.印象筆記（文件協同工具）

http://www.yinxiang.com/

現在越來越多的碎片化資訊充斥在我們之中，公眾號文章、抖音短視訊、微博……

大家有沒有這樣一個“通病”——看過就忘？

我們隨時都在獲取資訊，但該如何將有用的資訊都收集起來，真正變成自己有用的資源？

給大家推薦一個文件協同工具：印象筆記。

在印象筆記中，可以將我們每天的見聞、思考、靈感統統記錄下來，將一系列的內容整合後，就是我們自身一筆寶貴的財富！

圖片

今天的分享就到這裡了，後續再想起還有其他好用的線上工具，我會直接補充在下方評論區，也歡迎大家將自己常使用的工具分享一波，咱們評論區見！

「」
「」