前端开发不可错过的25个网站，快放入收藏夹！

php中文网 1071 阅读 0 评论 690 点赞

有许多的网站可以让我们开发人员的工作更加轻松，在本文中我将介绍25个我认为开发者必去的杀手级网站。

1. DevDocs

https://devdocs.io/

DevDocs将不同语言、框架和库的API汇聚到了一个网页上，你可以直接在一个页面进行搜索。

2. ray.so

https://ray.so/

这个网站能够让你生成十分漂亮的代码片段的截图，它支持暗黑模式和各种预设的语言主题。你也可以使用它的VSCode扩展插件。

3. Poet.so

https://poet.so/

该网站能够基于Twitter、LinkedIn和Shopify三个社交媒体网站的网页链接生成图片。并且提供了十分漂亮的样式和主题可供选择。

4. roadmap.sh

https://roadmap.sh/

这个网站提供了一些可供开发者参考的学习路径和学习资料，这对于想学习某一个技术领域的初学者来说十分有帮助。

5. LambdaTest

https://www.lambdatest.com/

LambdaTest是一个基于云的跨浏览器测试平台。它提供多达2000多种不同的浏览器、操作系统和设备去测试你的应用。你可以很好的使用它去自动化或者手动的去测试你应用的浏览器兼容性问题。

6. daily.dev

https://app.daily.dev/

通过daily.dev这个网站，你可以找到适合每天阅读的优秀的技术文章。这个网站聚合了各类不同平台的优秀技术文章。你可以安装他们的浏览器插件，这样就能方便的将优质的技术内容直接更新到你的浏览器上。

7.Showwcase

https://www.showwcase.com/

Showwcase是一个专注于开发者、开发社区和开发者寻找工作机会的新社交媒体。它的设计理念有点像领英，但是它只是专注于开发者领域。

8. CSS-TRICKS

https://css-tricks.com/

你可以从这个网站上学习到各类CSS的技巧，以此帮助你开发更加漂亮的Web应用。

9. Medusa

https://www.medusajs.com

Medusa 是一个开源的 Shopify 替代品。能够帮助你快速开发E2E 订单处理和商品管理界面等。关键的是，Medusa免费！

10. SMARTMOCKUPS

https://smartmockups.com/

为什么你还要花时间学习Photoshop？ Smartmockup能够根据你上传的图片（产品素材），直接在网页上生成高分辨率的产品模板（例如将你的产品显示在T恤、水杯和电脑屏幕上）。基于web浏览器的方式，Smartmockup的专业模板素材在一直增加，你无需任何设计经验就能获得专业的模板。

11. Code Beautify

https://codebeautify.org

在网页上美化你的代码，并且该网站提供了一系列开发者经常使用的工具（有点像站长工具）。但问题是该类网站的广告都比较多...

12. overAPI

https://overapi.com/

对于开发者来说，overAPI绝对是最漂亮和实用的网站。它聚合了大多数开发语言和工具的API，并以一页备忘录的形式展现。快去看看吧~

13. Responsively

https://responsively.app/

这是一个基于开源项目的网站，它能够将各个设备屏幕展现在同一个页面上，能够让你非常方便的开发响应式网站，大幅提高前端开发的效率。

14. Color Hunt

https://colorhunt.co/

一个可以让设计人员和网页开发者选择优秀配色方案的网站。

15. Carbon

https://carbon.now.sh/

和ray.so一样，这个网站也提供了代码片段生成图片的能力。

16. Meta Tags

https://metatags.io/

这个网站对于需要进行国际化开发的前端来说十分重要，国外的Google、Facebook或LinkedIn等社交媒体提供了一系列的<meta>标签，当你的网页被检测到对应的<meta>标签时，在这些社交媒体进行分享或者展现你的网页时，会提供额外的能力。这个网站就能够自动生成这些<meta>标签，并且能够直接在网页上预览在不同社交媒体上的展现方式。