国内外有哪些好的前端实战网站？

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

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

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

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

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

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

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

（猜猜我在下图哪个 logo 的大厂里，说不定未来有机会当同事！)

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

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

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

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

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

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

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

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

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