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

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

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

30secondsofcode

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

Codemyui

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

Web前端工程师P5~P6

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

Shortcuts

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

LintCode

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

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rj2G2G6k-1614044270300)(https://upload-images.jianshu.io/upload_images/25743279-ce0b2e1614321bc2?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]