分享一些好用的網站

前言

這兩年收藏了很多網站，特意整理一下，把一些你們均可能用得上的分享出來，但願能對你有用。

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

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

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

工具類

一、start.me（收藏工具）

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

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

1. 能夠在不一樣設備中共享書籤。
2. 域名好記。

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

二、Placemat（快速生成佔位圖片器）

若是你是前端，就有可能會遇到須要佔位圖來填充網頁的狀況，而 Placemat 就是用來生成佔位圖的。

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

使用 Placemat 的好處顯而易見。

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

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

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

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

四、TinyPNG（在線壓縮圖片）

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

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

五、兩個在線截圖工具

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

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

注：推薦另外一個功能相似的網站 Screen Guru，它能夠實現經過網址生成截圖功能，看下圖。

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

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

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

六、ColorSpark（在線隨機顏色）

隨機生成好看的顏色、漸變色，能夠一鍵複製 CSS 代碼。

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

七、FontSpark（在線預覽字體）

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

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

八、easy PDF（在線 PDF 工具）

功能看上圖。

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

素材類

一、覓元素（免摳素材）

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

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

二、高清無版權圖片網站

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

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

三、UI設計師導航

想看更多的能夠去這幾個導航看看。

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

社區類

一、CSS-TRICKS

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

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

二、踏得網

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

三、免費資源網絡社區

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

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

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

四、前端裏

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

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

五、伯樂在線

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

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

後記

擁有本身的工具箱能夠有效地提升你的工做效率，從而有更多的時間投入到真正開發之中。

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

最後，厚着臉皮發出個人簡歷，連接。