2012年已经过去了，我们迎来了暂新的一年2013年，早就想做一些总结与大家分享，却碍于时间的问题与自己的懒惰，没有动手。今天特意抽空整理了一下我在2012年经常逛的国外网站。这也是很多同学经常问我的问题，说我的资料来自于哪里，为什么都是一些全新的。是的，我喜欢国外网站，他代表我们行业的前瞻性，引领我们学习的方向。所以今天整理的这篇博文希望大家今后能一直观注，因为我从中获益良多，我也希望大家和我一样，能从中得到自己需要的东西。
1、Codrops
Cordrops是一个Web设计和开发的博客，提供很多有用的技巧和案例。
2、Nettuts+
Nettuts +是一个主要针对Web开发人员和设计师的网站,涵盖了HTML、CSS和其他编码语言。
3、Six Revisions
Six Revisions是专门为Web开发人员、设计人员、维护人员发布一些实际可用的文章。
4、Onextrapixel
Onextrapixel是一个为Web设计人员、开发人员提供领先的we技术和资源的一个网站。
5、David Walsh Blog
David Walsh的个人网站，在这个网站中为Web设计和开发者提供最新的Web前沿技术类博文。
6、Tutorialzine
Tzine是一个很棒的web开发网站，提供很多优秀教程和资源。
7、CSS Tricks
CSS Tricks是一个前端人员都知道的网站，里面提供很多CSS技巧代码，当然还有很多javascript、jQuery、HTML和PHP方面的技巧博文。
8、1st Web Designer
1st Web Designer是一个Web前端者的家园，里面提供各种有关于Web前端设计与开发的优秀博文。
9、Noupe
Noupe提供各种各样前端Web开发的资源网站。
10、Joshua Hibbert
Joshua Hibbert是一个优秀的个人前端博客网站，里面整理了一些Web方面优秀的博文。
11、Design Your Way
Design Your Way主要是针对于Web设计人员提供的一个资源网站，在这个网站上你有找到你的设计灵感。
12、Real World CSS3
这是一个CSS3的世界，里面提供了些有关于Web开发中最前沿的技术。这些技术可能不适合你或者你的客户。
13、Speckyboy
Speckyboy是一个优秀的资源类网站，为Web设计和开发人员提供各种优秀的前端资源。
14、Snipplr
Snipplr是一个强大代码片段的存储库。
15、Stack Overflow
Stack Overflow是一个问与答的网站，里面能找到你需要了解的问题。
16、Smashingmagazine
Smashingmagazine是一个非常的强大的Web前端网站，里面汇聚了行内顶尖人物的各种技术分享。
17、A List Apart
A List Apart是大家熟悉的一个Web前端网站，网站中提供了行内开发的优秀技术分享，汇聚行内各种各样的高手。
18、Nicolas Gallagher
Nicolas Gallagher这个令你熟悉而又陌生的名字，如果你不知道他，那你或许有些out了。Nicolas Gallagher是一个人的名字，也是一个网站，详细不用介绍。Nicolas Gallagher上有一些很有价值的文章，虽然更新不是很多，但可以说每一篇文章绝对是行业内数一数二的。
19、csswizardry
csswizardry是一个全心关注CSS领域的一个网站,站中分享了很多具有份量的CSS文章.
20、LEA VEROU
LEA VEROU应该也有很多同学知道她，她也是行内的名人，在她的站上分享了许多前尚性的技术文章。
21、Web Design & Development
Web Design & Development是Web设计和开发人员的圣堂，每天都有不同的技术文章分享，而且这些优秀的文章都是来自于最具实力最具前尚的文章，随时让你掌握最新的技术。
22、treehouse blog
treehouse blog是我每周必须去一两次的前端网站，里面涉及了Web各方面的开发技术文档分享，同时提供各种代码库，而且人有移动端的开发分享，是一个值得留恋的网站。
23、paulirish
paulirishWeb开发的一位名人，在他的个人博客中提供了Web前端开发的优秀技术文章。观注名人的博客，让你随时掌握Web前端最前尚的技术。
24、impressivewebs
impressivewebs是一个综合性很强的前端网站，里面提供了Web开发和设计的各种技术文档分享，有开发工具、CSS、Js等各种教程和案例。
25、red-team-design
red-team-design是catain rosu的个人博客，虽然是一个个人博客，但自从我发现有这么一个博客后就从未忘记去看这里的每一篇文章，里面都是Web最前尚的技术文档分享。
26、Dev Opera
Dev Opera应该有很多人知道，里面的技术文档权威性与好坏，我想你都知道，如果你从未进入过，那是你以后的损失。
27、Mozilla.org
Mozilla.org和Dev Opera网站性质是一样的，里面具有很多优秀的技术文档，参考手册。
28、Html5 Rocks
Html5 Rocks其实里不只是介绍HTML5方面的知识，里面还涉及了CSS、CSS3和javascript方面的分享，是一个很不错的技术分享网站。
29、Sitepoint
Sitepoint是一个Web资源很丰富的大型网站，里面包括了PHP、CSS、javascript等各方面的技术分享。
30、HTML Drive
HTML Drive是一个资源共享类网站，里面提供各式各样式的DEMO效果，而且还提供免费的源码下载。
31、Nuefolio
Nuefolio也是一个资源搜集网站，在这个站点上你可以找到很多你需要Web资源。
32、tutorialzine
tutorialzine是一个大型的Web资源网站，里面提供各式各样的教程与案例分析。还提供源码下载。
33、HAKIM
HAKIM里面有很优秀的CSS3和javascript案例分析文章。
34、Web Design Weekly
Web Design Weekly每周为大家搜集Web行内最新消息与技术。
35、webdesign.tutsplus
webdesign.tutsplus是Web前端人员的一个乐园，里面的技术分享值得我们慢慢去学习与研究。
36、webdesignerwall
webdesignerwall也是一个我常去的网站，里面提供的教程简短精悍，易懂。
37、web Appers
web Appers也是Web技术分享的一个大型网站，里面提供Web相关的各种技术文档分享。
38、Devsnippets
Devsnippets是一个设计和代码片段库,也有现成的CSS代码。
39、awwwards
awwwards为Web设计人员提供大量的资源。
40、psd.tutsplus
psd.tutsplus提供大量Web设计教程与资源下载。
41、webresourcesdepot
webresourcesdepot是一个资源类网站设计。
42、Tutorialblog
Tutorialblog是一个Web前端教程类网站。
43、Snook.ca
Tutorialblog是一个Web前端教程类网站。
以搜集近了43个前端类优秀的网站，涵盖Web的制作、设计与开发各种教程、资源、代码库。是值得大家观注的网站。如果有时间去细细品读这里面的教程与资源，你将获益不少。最后希望这篇文章对大家有所帮助。如果您有更好的资源，也欢迎在下面的评论中留言与我们一起分享。
除了上面的优秀网站之外，下面这几个个人博客也是非常不错的：
如需转载，烦请注明出处：http://www.w3cplus.com/source/2012-foreign-best-front-end-web-design-and-development-blogs.html