分享一个最近看到的一个很喜欢的获奖网站，每次看到这样的作品就会条件反射的在想，如果自己想要设计出这样一个网页，我应该具备一些什么能力。

结论是：想做一个优秀的前端开发（实现财富自由），一定要有一双善于发现的眼睛。要不断学习一些最新的前端技能以外，优秀作品也不能落下。下面是我做前端开发这 6 年来收藏的一些网站，都是一些很好的学习资源和获取灵感的地方。

30secondsofcode

包含 400 多个代码片，就可以搜索自己想要的语言，一个字——快！省下来的工作尽管去摸鱼吧~

Codemyui

一个很简洁的网站，提供了一些可以直接在项目中适用的片段。

Web 前端工程师 P5~P6

这是至今我在国内看到的，拥有最实用前端项目的一个视频教程课。不仅针对一些想要提升的人，对 HTML CSS 有了解的新人也适用。

Shortcuts

这个网站集很多设计类的软件于一体，想尝试一个新的软件，就到这个网站上去找。一体化服务真的太省事了。

LintCode

这个网站可能很多小伙伴也用过，上面有很多国内外大厂面试真题。毕竟用前端求职的话，算法还是逃不过。在这个网站刷了一段时间的题，里面有很多大厂面试真题，而且会定期更新。

Codrop

有很多关于网页设计的文章及教程，而且都是跟着时代的潮流走，我爱了！

Typedscript

由于 JavaScript 语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了 TypeScript，使得其能够胜任开发大型项目。

Smashing magazine

和 Codrop 很像，不过 Smashing magzine 主打的一些关于网页设计的书籍，对于想要随时随地看书的人还是很方便的。

CSS-TRICKS

想要查一些前端相关的文章，这个 CSS-TRICKS 也很顶。

Pluralsigght

有一些关于 CSS，HTML,JavaScript，JS Frameworks 的教程里面都有！

Sitepoint

jQuery 插件库

国内版本的 30seconds，都是一些好用的小插件。

CSS ZEN CARDEN

DEV Community

一个很棒的开发社区网站。这个网站向全球不同开发人员开放学习，包含阅读，编程和浏览的内容。

A LIST APART

Theodinproject

这是我个人最喜欢的学习网站。Odin 项目适合初学者或那些尝试过其他资源但没有成功的人。你可以作为一个 Web 开发人员，建立一个初创公司或学习建立一个网站。你可以在开发的过程中学习，超级棒!

获奖网页推荐

Gyro

很喜欢这种简单但是色彩冲击力很强的网页。每次把 Gyro 拼好就会换一种配色，我反正可以玩很久（狗头）~

Fila Explore

液化的感觉，自己可以去体会一下，2019 年

Google

更多获奖网页可以看这一篇文章：

https://web-and-mobile-development.medium.com/10-mesmerizing-websites-showcasing-fabolous-frontend-capabilities-d53c7a206c95

大佬有話說 (0)