分享一些好用的网站

# 前言

这两年收藏了不少网站,特地整理一下,把一些大家都可能用得上的分享出来,希望能对你有用。

考虑到有一些网站大多数人都知道,所以我就不列出来了。

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

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

# 工具类

# 1、start.me(收藏工具)

它不仅仅是一个网址收藏管理器,它还可以:推送、嵌入任何东西、集成、自定义、分享你的收藏夹、浏览器扩展。

很明显本文所分享的网站就是靠它来保存的,用它的理由两个就够了:

  1. 可以在不同设备中共享书签。
  2. 域名好记。

网站链接:https://start.me

# 2、Placemat(快速生成占位图片器)

如果你是前端,就有可能会遇到需要占位图来填充网页的情况,而 Placemat 就是用来生成占位图的。

最基本的用法是:给定参数wh,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 (opens new window)
  2. Picjumbo (opens new window)
  3. Magdeleine (opens new window)
  4. Pixabay (opens new window)
  5. Ssyer (opens new window)
  6. Lifeofpix (opens new window)

# 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 (opens new window),其中不乏一些惊艳的动画、特性。

# 3、免费资源网络社区

免费资源网络社区是一个以免费为主题的台湾网站、部落格,内容包含科技新知、免费软体、线上工具、图库素材、WordPress 架站及应用程式介绍教学。

我不会告诉你上面大多数网站都是从这里看到的。

网站链接:https://free.com.tw

# 4、前端里

前端里专注于分享最前沿的 Web 开发技术,教程,资源和素材,是面向网站开发人员和设计师的学习交流平台。

网站链接:http://www.yyyweb.com

# 5、伯乐在线

伯乐在线资源收录各种开发、设计、系统管理与安全相关的工具与资源。

网站链接:http://hao.jobbole.com

# 后记

拥有自己的工具箱可以有效地提高你的工作效率,从而有更多的时间投入到真正开发之中。

下一篇,我打算分享一些我在 Chrome 中常用的那些扩展(本文截图使用的工具就是 Chrome 的扩展,Standardized Screenshot)。

本站文章均采用 CC BY-NC-SA 3.0 CN 许可协议,请勿用于商业,转载注明出处!