立即收藏这 8 个前端网站!

2025-05-25

立即收藏这 8 个前端网站!

现在我已经专业地使用前端 Web 框架超过 2 年了,我可以自信地说我基本上知道自己在做什么。

这段旅程中,我遇到了许多对我的成功至关重要的资源和网站。
以下是我推荐每位前端开发者都收藏的实用资源列表(尤其推荐给新手😊):


CSS技巧

CSS技巧标志

这个网站提供 CSS 的所有内容,包括文章、视频以及我最喜欢的指南。每当我设计 UI 时,如果忘记了 flexbox 或 grid 是如何工作的,我就会经常翻阅这些指南,它们提供了精美的视觉效果和简单的解释。

总是有用。

cssreference.io

CSS 参考徽标

ccsreference.io 的名字就说明了它的功能,它可不是那种老套枯燥的文档。它直奔主题,用简洁明了的格式展示众多 CSS 属性,看起来赏心悦目。

每个 CSS 属性旁边都给出了大量示例,以帮助您有效地获取所需的信息。

您还需要参考文档中的什么内容?

冷却器

冷却器示例

用独特迷人的配色方案为您的个人网站增添活力。自从我开始使用这个网站以来,它一直在不断发展,但我使用的主要功能是创建您自己的调色板(见上文)。

尝试随机颜色,找到你最喜欢的组合,然后使用提供的十六进制颜色在你自己的项目里实现它们。这不仅在开发前端应用时有用,在设计和设计任何事物时也同样适用。

⒋Unsplash

Unsplash 主页

我们都经历过这种情况。你的应用框架已经搭建完毕,需要开始添加内容了。添加文字很容易,但图片就得用谷歌搜索,确保尺寸合适、图片免费等等。

Unsplash 提供高质量、“可自由使用”的图片,方便您轻松添加到任何项目或博客(比如这个😀)。下载图片时,您还可以根据需要选择尺寸(小、中、大)。

每个前端应用程序的惊人资源💯。

⒌Alligator.io

Alligator.io 徽标

我最近发现了 Alligator.io。它就像一个前端技术博客,有很多贡献者。主题涵盖 React、Angular、Vue、CSS、JavaScript 等。

了解最新技术趋势,并获取指南和教程,提升你的前端技能。绝对值得收藏。

太棒了

很棒的标志

什么?Github 仓库?好吧,冷静下来,浏览 README 的其余部分,看看这个仓库提供的宝贵资源。

这是资源列表中的终极之选。基本上,它是一个由社区精心策划的、无尽的资源列表。而且它不仅仅是一个仓库。

在这里你可以找到其他 repos,其中人们有自己的主题“精彩”列表,从 Nodejs 和 Python 到有关面试问题和设计的列表。

我不应该这么说,但与其搜索这样的博客(顺便说一句,我非常欣赏这一点 🙂),不如看看“awesome”,因为它多年来已被许多善良、知识渊博的人精心策划

品牌调色板

Google 品牌调色板

Brand Palettes 是一个品牌及其颜色数据库。基本就是这样了。不过,它仍然是一个很棒的资源,值得你随时使用。

⒏ 文档!📄📄📄

老实说,从我浏览过的所有在线资料来看,通常没有什么可以替代您正在使用的任何技术的实际文档。

对于你使用的任何技术(例如框架、库等),花些时间认真阅读它们的文档。文档通常不会太详尽,而且你会发现一些你以前从未注意到的产品特性。这样做可以帮助你重新思考你当前、未来和过去的项目,因为你可以利用一些你从未意识到的功能。

我已经通读了 React、Angular 和 React-Query 的文档(仅举几例),并且还在继续阅读其他工具的文档。相信我,你不会后悔的。

注意:有些文档很棒,有些很糟糕。有些太复杂,有些太简单。但是,它通常是你能获得的最最新、最准确的信息。

读完文档后,很容易对某个主题感到一头雾水。这就是为什么我喜欢用文档作为学习的路线图。一旦遇到一个我不太理解的主题,我就会利用视频和文章等其他在线资源来填补空白。然后,当我再次阅读文档时,我就会获得我们都喜欢的那种“顿悟”时刻。

结论

网上有很多有用的资源,所以如果你有什么推荐,请在评论区分享给大家。我自己也很乐意添加一些书签。


感谢阅读!如果你想了解更多技术技巧、软件资讯和商业博客,可以在Twitter上关注我🔥🤘🏽🐶

文章来源:https://dev.to/jburroughs/bookmark-these-8-front-end-websites-now-gl0
PREV
通过编辑和更新一些设置来改进 VS Code
NEXT
2025 年值得关注的顶级开源项目