分享一些好用的網站

前言

這兩年收藏了不少網站，特地整理一下，把一些大家都可能用得上的分享出來，希望能對你有用。

考慮到有一些網站大多數人都知道，所以我就不列出來了。

我把這些網站分為了幾大類：

• 工具類
• 素材類
• 社區類

工具類

1、start.me（收藏工具）

它不僅僅是一個網址收藏管理器，它還可以：推送、嵌入任何東西、集成、自定義、分享你的收藏夾、瀏覽器擴展。

很明顯本文所分享的網站就是靠它來保存的，用它的理由兩個就夠了：

1. 可以在不同設備中共享書簽。
2. 域名好記。

網站鏈接：https://start.me

2、Placemat（快速生成占位圖片器）

如果你是前端，就有可能會遇到需要占位圖來填充網頁的情況，而 Placemat 就是用來生成占位圖的。

最基本的用法是：給定參數w或h，Placemat 會隨機返回相應尺寸的圖片，其他用法自行探究。

使用 Placemat 的好處顯而易見。

網站鏈接：https://placem.at

3、Carbon（代碼界美圖秀秀）

這個無需多言，明眼人一看就知道是用來裝什么的 :)

網站鏈接：https://carbon.now.sh

4、TinyPNG（在線壓縮圖片）

圖片壓縮界的一哥了，支持同時上傳多張圖片。很好用，壓縮率也很高，最重要的是，速度很快。

網站鏈接：https://tinypng.com

5、兩個在線截圖工具

BrowserFrame 是一個生成瀏覽器外殼的網站，它提供了兩種方式來生成截圖，分別是：

1. 上傳本地截圖
2. 輸入網址生成截圖（可能掛了，經常不成功）

注：推薦另一個功能類似的網站 Screen Guru，它可以實現通過網址生成截圖功能，看下圖。

這樣截圖逼格瞬間提升百倍有木有 :)

網站鏈接1：https://browserframe.com

網站鏈接2：https://screen.guru

6、ColorSpark（在線隨機顏色）

隨機生成好看的顏色、漸變色，可以一鍵復制 CSS 代碼。

網站鏈接：https://colorspark.app

7、FontSpark（在線預覽字體）

隨機字體在線預覽，用過都說好。

網站鏈接：https://fontspark.app

8、easy PDF（在線 PDF 工具）

功能看上圖。

網站鏈接：https://easypdf.com/cn

素材類

1、覓元素（免摳素材）

在國內算是相對良心的網站了，一天有5次免費下載機會，上面素材質量很高，簡直是做 PPT 必備。

網站鏈接：http://www.51yuansu.com

2、高清無版權圖片網站

這里只列出國內訪問速度還算可以的，但是不一一貼圖了，有興趣可以自行查看。

1. Pexels
2. Picjumbo
3. Magdeleine
4. Pixabay
5. Ssyer
6. Lifeofpix

3、UI設計師導航

想看更多的可以去這幾個導航看看。

1. http://so.uigreat.com/
2. http://hao.shejidaren.com/
3. http://hao.uisdc.com/
4. http://www.tuyiyi.com/hao/

社區類

1、CSS-TRICKS

一個國外的優秀前端開發博客，主要分享使用 CSS 樣式的技巧，經驗和教程等。值得前端開發者閱讀收藏的國外網站。

網站鏈接：https://css-tricks.com

2、踏得網

算是國內版的 CodePen，其中不乏一些驚艷的動畫、特性。

3、免費資源網絡社區

免費資源網絡社區是一個以免費為主題的臺灣網站、部落格，內容包含科技新知、免費軟體、線上工具、圖庫素材、WordPress 架站及應用程式介紹教學。

我不會告訴你上面大多數網站都是從這里看到的。

網站鏈接：https://free.com.tw

4、前端里

前端里專注于分享最前沿的Web開發技術，教程，資源和素材，是面向網站開發人員和設計師的學習交流平臺。

網站鏈接：http://www.yyyweb.com

5、伯樂在線

伯樂在線資源收錄各種開發、設計、系統管理與安全相關的工具與資源。

網站鏈接：http://hao.jobbole.com

后記

擁有自己的工具箱可以有效地提高你的工作效率，從而有更多的時間投入到真正開發之中。

下一篇，我打算分享一些我在 Chrome 中常用的那些擴展（本文截圖使用的工具就是 Chrome 的擴展，Standardized Screenshot）。

最后，厚著臉皮發出我的簡歷，鏈接。