前言
這兩年收藏了不少網站，特地整理一下，把一些大家都可能用得上的分享出來，希望能對你有用。
考慮到有一些網站大多數人都知道，所以我就不列出來了。
我把這些網站分爲了幾大類：
- 工具類
- 素材類
- 社區類
工具類
1、start.me（收藏工具）
它不僅僅是一個網址收藏管理器，它還可以：推送、嵌入任何東西、集成、自定義、分享你的收藏夾、瀏覽器擴展。
很明顯本文所分享的網站就是靠它來保存的，用它的理由兩個就夠了：
- 可以在不同設備中共享書籤。
- 域名好記。
網站鏈接：https://start.me
2、Placemat（快速生成佔位圖片器）
如果你是前端，就有可能會遇到需要佔位圖來填充網頁的情況，而 Placemat 就是用來生成佔位圖的。
最基本的用法是：給定參數w或h，Placemat 會隨機返回相應尺寸的圖片，其他用法自行探究。
使用 Placemat 的好處顯而易見。
網站鏈接：https://placem.at
3、Carbon（代碼界美圖秀秀）
這個無需多言，明眼人一看就知道是用來裝什麼的 :)
4、TinyPNG（在線壓縮圖片）
圖片壓縮界的一哥了，支持同時上傳多張圖片。很好用，壓縮率也很高，最重要的是，速度很快。
網站鏈接：https://tinypng.com
5、兩個在線截圖工具
BrowserFrame 是一個生成瀏覽器外殼的網站，它提供了兩種方式來生成截圖，分別是：
- 上傳本地截圖
- 輸入網址生成截圖（可能掛了，經常不成功）
注：推薦另一個功能類似的網站 Screen Guru，它可以實現通過網址生成截圖功能，看下圖。
這樣截圖逼格瞬間提升百倍有木有 :)
網站鏈接1：https://browserframe.com
網站鏈接2：https://screen.guru
6、ColorSpark（在線隨機顏色）
隨機生成好看的顏色、漸變色，可以一鍵複製 CSS 代碼。
7、FontSpark（在線預覽字體）
隨機字體在線預覽，用過都說好。
8、easy PDF（在線 PDF 工具）
功能看上圖。
素材類
1、覓元素（免摳素材）
在國內算是相對良心的網站了，一天有5次免費下載機會，上面素材質量很高，簡直是做 PPT 必備。
2、高清無版權圖片網站
這裏只列出國內訪問速度還算可以的，但是不一一貼圖了，有興趣可以自行查看。
3、UI設計師導航
想看更多的可以去這幾個導航看看。
社區類
1、CSS-TRICKS
一個國外的優秀前端開發博客，主要分享使用 CSS 樣式的技巧，經驗和教程等。值得前端開發者閱讀收藏的國外網站。
2、踏得網
算是國內版的 CodePen，其中不乏一些驚豔的動畫、特性。
3、免費資源網絡社區
免費資源網絡社區是一個以免費爲主題的臺灣網站、部落格，內容包含科技新知、免費軟體、線上工具、圖庫素材、WordPress 架站及應用程式介紹教學。
我不會告訴你上面大多數網站都是從這裏看到的。
網站鏈接：https://free.com.tw
4、前端裏
前端裏專注於分享最前沿的Web開發技術，教程，資源和素材，是面向網站開發人員和設計師的學習交流平臺。
5、伯樂在線
伯樂在線資源收錄各種開發、設計、系統管理與安全相關的工具與資源。
後記
擁有自己的工具箱可以有效地提高你的工作效率，從而有更多的時間投入到真正開發之中。
下一篇，我打算分享一些我在 Chrome 中常用的那些擴展（本文截圖使用的工具就是 Chrome 的擴展，Standardized Screenshot）。
最後，厚着臉皮發出我的簡歷，鏈接。