分享一些好用的网站

前言

这两年收藏了很多网站，特意整理一下，把一些你们均可能用得上的分享出来，但愿能对你有用。

考虑到有一些网站大多数人都知道，因此我就不列出来了。

我把这些网站分为了几大类：

• 工具类
• 素材类
• 社区类

工具类

一、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）。

最后，厚着脸皮发出个人简历，连接。